完整的品牌标识指南 — 包含所有图标变体、颜色规范、使用准则和多尺寸资源套件
四种适用于不同场景的标准变体
适用于网站头部、社交媒体封面等宽幅场景
标准色值规范,确保跨平台一致性
保证品牌形象一致性的基本准则
图标四周应保留至少 图标宽度 25% 的安全距离,确保在任何场景下不被其他元素遮挡或挤压。安全区域内不应放置任何文字、图形或装饰元素。
最小使用尺寸为 16×16px,低于此尺寸可能导致细节丢失。
在纯色或简洁的背景上使用图标
在深色背景上使用标准版或深色版图标
保持图标的原始比例,等比缩放
不要拉伸或压缩图标,破坏比例
不要旋转图标或添加额外的阴影效果
不要将图标放在复杂纹理或花纹背景上
从 16px Favicon 到 1024px App Store 图标的完整尺寸套件
所有可用图标文件及其适用场景
| 预览 | 文件名 | 尺寸 | 变体 | 用途 |
|---|---|---|---|---|
| icon-main-16.png | 16×16 | 标准 | Favicon | |
| icon-main-32.png | 32×32 | 标准 | Favicon @2x | |
| icon-main-48.png | 48×48 | 标准 | Windows 图标 | |
| icon-main-64.png | 64×64 | 标准 | 任务栏 | |
| icon-main-128.png | 128×128 | 标准 | macOS 图标 | |
| icon-main-180.png | 180×180 | 标准 | Apple Touch Icon | |
| icon-main-192.png | 192×192 | 标准 | Android / PWA | |
| icon-main-256.png | 256×256 | 标准 | 桌面应用 | |
| icon-main-512.png | 512×512 | 标准 | 高清展示 | |
| icon-main-1024.png | 1024×1024 | 标准 | App Store | |
| 深色版 / Dark Variant | ||||
| icon-dark-bg.png | 1024×1024 | 深色 | 暗黑模式 | |
| icon-dark-[16~512].png | 多尺寸 | 深色 | 暗黑模式各尺寸 | |
| 浅色版 / Light Variant | ||||
| icon-light-bg.png | 1024×1024 | 浅色 | 明亮界面 | |
| icon-light-[16~512].png | 多尺寸 | 浅色 | 明亮界面各尺寸 | |
| 单色版 / Monochrome Variant | ||||
| icon-monochrome.png | 1024×1024 | 单色 | 印刷 / 单色 | |
| icon-mono-[16~512].png | 多尺寸 | 单色 | 印刷各尺寸 | |
| 透明底 / Transparent | ||||
| icon-letter-transparent.png | 1024×1024 | 透明 | 叠加使用 | |
| 横版 Logo / Banner | ||||
| logo-banner.png | 1792×1024 | 横版 | 封面 / 头图 | |