从零开始学！B 端产品图标绘制指南（创意篇）

如此一来，设计师很难以一己之力推动创新。
但设计师不该任由客不雅观条件禁锢、约束自己的创造力，在夹缝中也要努力成长。

创造力，始终是设计师最核心的竞争力。

本文总结的是我在绘制 B 端图标之前，创意发散阶段用到的方法和技巧，抛砖引玉，欢迎大家在留言区谈论补充。

盘点和分类，高高在上整体把握

B 端平台因其覆盖的业务类型多，操作链路长，角色权限繁芜等特性，图标种类多、数量大。
因此建议大家先对图标进行盘点和分类，从一个高高在上的角度得到整体上的把握。
盘点分类事情须要把稳以下两点。

1. 遵照穷尽互斥原则

即不遗漏、不重复原则。
分类可以多个层级，也可以多个维度。
划分合理的分类维度，须要设计师深入理解业务，对抽象的专有名词刨根问底，并对未来可能扩充的内容做出预判。

2. 长期掩护

产品是个生命体，迭代中随时会涌现业务和功能模块的调度、新增、重组、合并等变动，图标整理也不是一劳永逸的，须要长期掩护。
推举利用 Excel 等表格类软件或在线工具来管理，便于团队共享和协作，也有利于自我沉淀。

从草图开始，不要在意手绘技法

有些设计师的习气是上手就用电脑画图。
本该是创意发散阶段，却从第一个图标开始就陷入细节的泥沼里爬不出来，线条 1px 还是 2px 好？圆角是 4px 还是 8px？颜色要不要换一个？有投影会不会更精细？结果花了很多韶光，却没有高效率高质量的产出。

有些设计师以为自己没有踏实的绘画根本，对手绘草图敬而远之。
实在画草图不是为了交付给别人，而是设计师敌人脑里一闪而过的灵感想法的快速记录。
这个记录过程包括横向的发散比拟，也包括纵向的考虑深化。
以是只管大胆落笔就好，至于草图表现形式是不是都雅成熟，不要在意。

△ 日本著名产品设计大师，深泽直人的草图

创意发散，方寸之间的头脑风暴

若何为图标选取得当的形象？在创意发散阶段，我一样平常混用下面几个套路。

1. 客不雅观形象

这是最直接的方法，图标形象在现实生活中客不雅观存在，抽象出整体外不雅观或者部分特色形态，也可选取场景中的代表物。

△ 「购物车」选取手推车整体外不雅观，「仓库」选取了场景代表物「货架」

2. 隐喻

把抽象的观点，借以详细事物来表现。
这个难度大一些，发散的时候要结合生活履历展开丰富的遐想和类比。

△ 用「雪花」类比「冻结」，用「警灯」类比「预警」

3. 抛开固化形象

是不是一说到主页，大家就遐想到一座尖顶的屋子？一说到搜索，便是放大镜？在创意发散阶段，大家只管即便考试测验抛开那些已经固化的形象，开释自己的好奇心，探索一下还有没有其他的可能性，刻意培养自己的创造力。
其余随着科技发展技能更迭，一些通用形象也在逐步被淘汰，被代表新技能的形象取代。
例如保存图标从原来的软盘形象变成了云朵/箭头，密码图标从锁头或钥匙形象变成更丰富的形象。

△ 保存图标的进化

△ 密码图标有了更丰富的形象

这不是煽惑大家必须要用新创意取代固化形象。
创新的代价是洞察问题实质，找到更好的办理方案。
在接下来的方案筛选阶段，建议大家还是选择用户接管度高的形象，而那些没有入选的创意图形，已经实现了设计师提升自己的代价。

4. 组合元素

对付抽象、繁芜、组合的观点，可以用组合元向来阐述含义和利用场景。

△ 「利息」是经由韶光积累产生的用度或收益，「货押」表示货色和现金之间的转换关系

△ 「对公打款」利用企业账户转账，「人脸核身」通过面部识别验证用户身份

5. 直接用字

这个方法大略粗暴了点，但在表达效果上也是直接且准确的。

△ 「包邮」图标、「正品担保」图标

总结

图标的特色要足够光鲜，随意马虎被用户识别。
在选取形象时，要还原利用场景，贴合目标用户的生理模型。
不同场景下或不同目标受众看到同一形象，脑袋中映射到的可能是不同物品。
例如框，在不同的场景下可能是、关照、评论、留言等等。