“三维图标设计宝典” 方法论,强调从前期构思(分析竞品如马蜂窝与本品飞猪的图标类型、配色、风格及核心辨识点,通过关键词脑暴锁定 “品质、活力、青春” 方向并产出情绪版)、绘制图标(具象功能、简化结构、确定基本形,融入飞猪品牌超级符号,添加毛玻璃质感等细节)到走查图标(从辨识度、统一性、美感度、差异化四方面检查,如类型、风格、体量感统一,融入品牌符号增强差异化)的完整流程,助设计师提升过稿率。

“三维图标设计宝典” 整合大厂设计流程与实战经验,分为前期构思、绘制图标、走查图标三阶段,以飞猪金刚区图标改版为例,解决图标同质化、品牌感缺失等问题,提升设计过稿率。


- 核心关键词:品质(品牌感、质感纹理)、活力(大圆角、多彩)、清爽(通透感、玻璃质感)
- 情绪版:整合毛玻璃、渐变、高饱和色彩等视觉参考图,引导设计方向。
- 融入品牌符号,提升造型质量超越竞品,采用毛玻璃风格,贴合 “品质、活力、清爽” 调性。
- 实物词汇(如 “酒店”):对应高楼、门牌等实物,提取矩形为基本形,删除细节保留轮廓。
- 抽象词汇(如 “问答”):发散至问号、聊天气泡等实物形象。
- 品牌符号融入:使用飞猪官方倾斜矩形符号,简化后嵌入图标结构。
- 细节纹理:大圆角、毛玻璃质感(半透明模糊效果)、光影渐变、形与形透叠关系。

- 确定矩形基本形 → 2. 具象化酒店高楼 → 3. 融入飞猪品牌符号 → 4. 添加横杠强化楼房特征 → 5. 填充轻渐变并做毛玻璃处理 → 6. 调整圆角对称度 → 7. 增加白色渐变与光影曲线 → 8. 添加双色描边等细节。
- 形状直接表意(如酒店图标用高楼轮廓),避免抽象模糊(如马蜂窝 “游记” 图标需优化)。


- 饱满感:图标占比合理,避免过细(如右侧细长图标 vs 左侧饱满图标)。
- 灵动感:线条角度变化,避免呆板(如简化线条并调整角度)。
- 提取品牌基础形(如飞猪倾斜矩形),简化后融入图标,避免 APP 同质化(如长视频 APP 去 logo 难区分案例)。


答案:核心步骤包括前期构思(分析竞品、解构本品、关键词脑暴、产出情绪版、明确设计方向)、绘制图标(具象功能、简化结构、确定基本形、选择类型、配色、融入品牌差异化、添加细节纹理)、走查图标(检查辨识度、统一性、美感度、差异化),形成完整设计闭环。
答案:从品牌中提取简约几何形作为超级符号(如飞猪的倾斜矩形),将其轮廓化、抽象化后融入图标结构,避免复杂图形。例如飞猪在 “酒店” 图标中嵌入品牌符号,强化识别度,与竞品形成差异。
答案:统一性包含类型统一(如均为面性或线性)、风格统一(圆角、配色、质感等细节一致)、体量感统一(视觉大小而非数据大小一致)、角度统一(整体角度保持一致,可首尾创新)、粗细与圆角统一(描边粗细、圆角度数相同),确保图标组风格协调。