|原来图标一稿过是有诀窍的( 二 )


02 注入品牌颜色
第二步相对而言就比较简单了 , 不过考虑到颜色在各个场景及状态到通用性 , 这里需要基于原本的品牌色额外不同明度的颜色 。
这里我简单扩展出淡色和深色 , 为了避免页面过冷加入了暖色作为点缀色以提升温度 。
|原来图标一稿过是有诀窍的
本文插图
03 结合行业特征
将图标与业务紧密结合 , 能够与其他竞品拉开差异化 , 这是个相对简单但是很容易出效果的品牌化的方法 。
具体的操作办法就是:首先根据所给文案脑爆出图标所对应的关键词 , 然后根据所在行业的特征筛选关键词 , 或者进行二次联想及转化 。
下面我通过此项目中的三个图标案例来简单讲述下设计过程 , 仅为大家提供下思路:
1. 第一个图标
运营所给文案如下:
|原来图标一稿过是有诀窍的
本文插图
这段文案意思就是 , 由于我们平台和清关行合作 , 因此让我们的业务更具有保障性 , 货物可以按时送到客户手中 。
这里我一开始脑爆出了雨伞、锁和盾牌这三个形象 , 并且传统得用了盾牌符号传达保障性 。
这种任何行业平台都可通用的形象 , 并不能关联我们这个物流类的平台 。
后面联想到到我们跨境、外贸的行业特征 , 将“雨伞”这个形象变形转化为降落伞 , 来代替盾牌符号 。
一来 , 降落伞外形似伞 , 相当于是货物的保护伞一样体现”保障“的感受 ,另外 , 这种”空运“式的表达也额外传递出按时递交的概念 , 很好得体现出典型的”跨境物流“的行业特征 。
|原来图标一稿过是有诀窍的
本文插图
2. 第二个图标
运营所给文案如下:
|原来图标一稿过是有诀窍的
本文插图
同样 , 一开始我着眼于”跟踪“”实时“”轨迹“这些关键词 , 脑暴出定位、雷达之类的事物 。
但是结合我们行业特征的话 , 其实有空间去更贴切到业务本身 。
我们平台的业务线包含了两个站点——美国(主站)和马来西亚 。 供应商发货后 , 货物的轨迹必然是反映在世界地图中 , 从起点至终点得分布 。
因此我用了地球仪映射全球 , 以定位来映射包裹收货地 , 以延展到定位icon中的虚线映射轨迹 。 这样产出的图标 , 不仅仅是指代了文案意思 , 同时表达出对应的行业特征 , 和业务紧密贴合 。
|原来图标一稿过是有诀窍的
本文插图
3. 第三个图标
文案如下:
|原来图标一稿过是有诀窍的
本文插图
一开始 , 我传统得想到了一个时钟图标来代表 。 但是仔细想想 , 这个时钟图标仅能代表”时效“的特征 , 而不能传达”快“的感受 。 如何更好得传达“快”?
发散思维 , 我联想到交通运输工具 , 飞机、轮船、火箭等等 , 最终我选取了飞机这类跨境物流专线主要使用的运输工具 , 它所带来的快捷相比轮船更加深入人心 , 又不像火箭那样脱离现实 。
|原来图标一稿过是有诀窍的
本文插图
当然并非所有的图标一定需要去结合行业特征 , 其余的三个图标暂未想到更适合的元素 , 所以依然选用了常见的形象来传达概念 。 我们不需要完全硬坳这个方法 , 但是身为设计师 , 我们依然需要掌控我们的项目 , 充分发挥自己的创造力来赋予产品更多的power 。
最后 , 我为所有图标加入了非线性动画 。 一方面为着陆页注入了活力 , 增加用户愉悦度 , 另一方面通过动态的表达引导用户更好理解平台优势 , 比如地球仪通过加入轨迹的修剪动画以及定位的弹跳动画 , 来更生动得传达物流轨迹全程跟踪的这个概念 。 相比原本的静态图标是不是更好理解了?