盘点和分类,居高临下整体把握


B 端平台因其覆盖的业务类型多,操作链路长,角色权限复杂等特性,图标种类多、数量大。因此建议大家先对图标进行盘点和分类,从一个居高临下的角度获得整体上的把握。盘点分类工作需要注意以下两点。


1. 遵循穷尽互斥原则

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


2. 长期维护

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

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

分析准备,创意发散:


1、确定图标主题

2、关键词


选词技巧:具象、二层
图标设计流程(创意思维) - 图1

3、指代/隐喻

图标设计流程(创意思维) - 图2

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


有些设计师的习惯是上手就用电脑画图。本该是创意发散阶段,却从第一个图标开始就陷入细节的泥沼里爬不出来,结果花了很多时间,却没有高效率高质量的产出。
画草图不是为了交付给别人,而是设计师对头脑里一闪而过的灵感想法的快速记录。这个记录过程包括横向的发散对比,也包括纵向的推敲深化。所以尽管大胆落笔就好,至于草图表现形式是不是美观成熟,不要在意。

设计方法及案例:

1. 客观形象

方法:图标提取—从生活中寻找灵感,提炼出造型结构
(草图绘制大致框架,根据参考:现实图库)

结构造型定下来后,可以尝试不同的风格(配色方案)
(软件技巧:AI实时上色工具可以直接填充区域颜色,按住Alt吸取颜色)

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

图标设计流程(创意思维) - 图3

图标设计流程(创意思维) - 图4
△ 「购物车」选取手推车整体外观,「仓库」选取了场景代表物「货架」

2. 隐喻


把抽象的概念,借以具体事物来表现。这个难度大一些,发散的时候要结合生活经验展开丰富的联想和类比。
图标设计流程(创意思维) - 图5

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

3. 抛开固化形象


在创意发散阶段,大家尽量尝试抛开那些已经固化的形象,释放自己的好奇心,探索一下还有没有其他的可能性,刻意培养自己的创造力。另外随着科技发展技术更迭,一些通用形象也在慢慢被淘汰,被代表新技术的形象取代。

图标设计流程(创意思维) - 图6
△ 密码图标有了更丰富的形象

这不是鼓动大家必须要用新创意取代固化形象。创新的价值是洞察问题本质,找到更好的解决方案。在接下来的方案筛选阶段,建议大家还是选择用户接受度高的形象。

4. 组合元素


对于抽象、复杂、组合的概念,可以用组合元素来阐述含义和使用场景。
图标设计流程(创意思维) - 图7
△ 「利息」是经过时间积累产生的费用或收益,「货押」体现货物和现金之间的转换关系

5. 直接用字


这个方法简单粗暴了点,但在表达效果上也是直接且准确的。
图标设计流程(创意思维) - 图8
△ 「包邮」图标、「正品保证」图标

6. 图标重构


在已有产品参考中获取灵感,对其进行重构

图标设计流程(创意思维) - 图9

图标设计流程(创意思维) - 图10

总结


1、图标的特征要足够鲜明,容易被用户识别。
2、选取形象时,要还原使用场景,贴合目标用户的心理模型。不同场景下或不同目标受众看到同一形象,脑袋中映射的可能是不同的。