Skip to content

Latest commit

 

History

History
233 lines (172 loc) · 5.82 KB

File metadata and controls

233 lines (172 loc) · 5.82 KB

Logo 设计说明

🐻‍❄️ 北极熊主题

设计理念

为什么选择北极熊?

北极熊象征着:

  • 🧠 智慧:在极端环境中生存,善于适应
  • 💪 坚韧:强大而优雅,不畏艰险
  • 🌐 包容:冰原之王,统领一切(Everything)
  • 🎯 专注:目标明确,行动果断

与产品的关联:

  • "Everything" = 北极熊统领冰原,产品统领工作流
  • AI 智能助手 = 北极熊的智慧和适应能力
  • 全能工具 = 北极熊的多面能力

🎨 视觉设计

配色方案

基于 UI/UX 最佳实践(Soft UI Evolution):

主色:#3B82F6 (Trust Blue)     - 信任、专业、科技
副色:#60A5FA (Light Blue)     - 亲和、清晰、现代
强调色:#2563EB (Deep Blue)    - 眼睛和鼻子
背景:渐变蓝色                  - 冰原意象

形状设计

简洁轮廓风格:

  • ✅ 使用基本几何形状(椭圆、圆形)
  • ✅ 白色填充(#FFFFFF),不透明度 235-245
  • ✅ 圆润边缘,无尖角
  • ✅ 比例协调,易于识别

元素组成:

头部(圆形)    ← 大圆形
  ├─ 耳朵(2个)  ← 小圆形
  ├─ 眼睛(2个)  ← 蓝色圆点
  └─ 鼻子(1个)  ← 蓝色椭圆

身体(椭圆)    ← 大椭圆
  ├─ 手臂(2个)  ← 长椭圆
  └─ 脚(2个)    ← 宽椭圆

尺寸规格

用途 尺寸 格式
源文件 1024x1024px PNG (32-bit)
macOS 图标 16-1024px (10个尺寸) .icns
预览版 256x256px PNG
圆角半径 25% (256px) -

📐 技术规格

文件结构

everything-client/src/main/resources/images/
├── app-icon.png          ← 主图标(1024x1024)
├── app-icon.icns         ← macOS 图标集
├── app-icon-preview.png  ← 预览图(256x256)
└── app-icon-e-version.png ← 旧版 E 字母(备份)

.icns 图标集包含

icon_16x16.png        icon_16x16@2x.png
icon_32x32.png        icon_32x32@2x.png
icon_128x128.png      icon_128x128@2x.png
icon_256x256.png      icon_256x256@2x.png
icon_512x512.png      icon_512x512@2x.png

生成方法

# 1. 使用 Python PIL 生成 PNG
python3 create_logo.py

# 2. 使用 macOS sips 和 iconutil 生成 .icns
sips -z [size] [size] app-icon.png --out icon_[size].png
iconutil -c icns app-icon.iconset

🎯 设计对比

旧版(E 字母)vs 新版(北极熊)

特性 E 字母版 北极熊版
风格 抽象几何 具象可爱
识别度 中等
记忆点 字母 E 北极熊形象
情感连接 理性、专业 亲和、智慧
适用场景 企业 B2B 企业 + 个人
差异化 较低

选择北极熊的优势:

  • ✅ 更容易记忆和识别
  • ✅ 形象生动,富有个性
  • ✅ 与 "Everything" 概念契合(冰原之王)
  • ✅ 适合多种使用场景(图标、吉祥物、品牌延展)

🖼️ 使用场景

应用图标

  • macOS Dock 图标
  • 启动画面
  • 关于页面

品牌延展

  • 启动动画:北极熊点头/挥手
  • 加载动画:北极熊思考/行走
  • 错误页面:北极熊困惑表情
  • 成功提示:北极熊竖起大拇指

尺寸变化

  • 16x16 / 32x32:保留头部和身体轮廓,省略手脚
  • 64x64 / 128x128:完整形象,简化细节
  • 256x256+:完整细节,渐变背景

🔄 后续优化(可选)

动画版本

  • 眨眼动画(欢迎用户)
  • 挥手动画(启动完成)
  • 思考动画(AI 处理中)

变体设计

  • 深色模式:调整背景渐变为深蓝色
  • 节日版:圣诞帽、新年装饰
  • 状态版:工作中(眼镜)、离线(睡觉)、错误(困惑)

品牌延展

  • 北极熊吉祥物命名:"小 E"、"Everything Bear"
  • 不同姿态:坐立、行走、跳跃、思考
  • 表情系统:开心、疑惑、专注、兴奋

🎨 色彩心理学

蓝色渐变的含义:

  • 💙 信任:用户放心使用
  • 🌊 稳定:可靠的工作伙伴
  • 🧊 清晰:简洁高效的体验
  • 🌌 科技:AI 驱动的智能

白色北极熊的含义:

  • 纯净:简洁直观的设计
  • 🤍 友好:亲和可爱的形象
  • 💡 智慧:AI 助手的聪明

📊 用户反馈(预期)

目标受众反应:

  • ✅ 辨识度高:"一眼就认出是我们的应用"
  • ✅ 记忆深刻:"那个可爱的北极熊工具"
  • ✅ 情感连接:"感觉像一个智能的小伙伴"

与竞品差异化:

  • 大多数生产力工具:使用字母、几何图形
  • Yeahmobi Everything:独特的北极熊形象
  • 优势:更温暖、更有记忆点

🛠️ 技术实现

生成工具

  • Python PIL (Pillow):绘制矢量风格图形
  • macOS sips:批量缩放
  • macOS iconutil:生成 .icns

核心代码

# 头部(圆形)
draw.ellipse(
    [(center - head_radius, head_y - head_radius),
     (center + head_radius, head_y + head_radius)],
    fill=(255, 255, 255, 245)
)

# 眼睛(蓝色圆点)
draw.ellipse(
    [(center - eye_offset_x - eye_radius, eye_y - eye_radius),
     (center - eye_offset_x + eye_radius, eye_y + eye_radius)],
    fill=(59, 130, 246, 255)  # Trust Blue
)

📋 版本历史

版本 日期 描述
v1.0 2026-02-06 初始版本(E 字母)
v2.0 2026-02-07 重新设计为北极熊形象

🎉 结语

北极熊 Logo 不仅是一个图标,更是 Yeahmobi Everything 品牌的核心形象:

  • 🐻 形象化:从抽象字母到具象动物
  • 💙 情感化:从冷静专业到温暖智慧
  • 🌟 差异化:从常规设计到独特记忆点

"Everything Bear - 你的 AI 智能伙伴" 🐻‍❄️