大家有没有发现,在早些年,各家金刚区还是相对比较规整的,这两年金刚区却变的越来越“乱”。用户体验变的不重要了吗?背后是怎样思考的呐?
01
从一致性到可识别性
以淘宝为例,可以发现金刚区的图标开始舍弃了“视觉一致性”,转而更注重“可识别性”。
策略思考:
1、用户角度:更好的可识别性,能方便用户快速get到功能,在需要的时候也能更容易被找到;
2、业务角度:banner消失,黄金位置需要发挥更大的价值。且随着市场竞争激烈,业务有更大的流量诉求。独特才能脱颖而出;
3、品牌角度:超级APP中,很多子频道都有单独的APP,专属的“可识别性”,有利于建立品牌心智;
那么表达“可识别性”有哪些关键点?
02
可识别性要素—色
颜色的对比最基础,也最直观。
抖音和淘宝虽然使用了不同的风格(扁平 Or 微拟物+毛玻璃),但每个图标有明确的色彩倾向,尽量以1种颜色为主。颜色种类根据图标多少,最多不要超过4个。
Tips:判断图标颜色明度统一小技巧
一部分颜色在HSB上是一致的,但是“视觉感受”上仍会有差异。例如黄色颜色始终觉得比较亮。
可以叠加纯黑色图形 -> 去色模式,再对比灰度。
03
可识别性要素—形
形的对比是灵魂,也最出彩。
1、视觉联想
从图标名称可发散出代表性关键词,然后将关键词变成一个具象化的、用户熟悉的“图形”。如:美食 -> 餐具 -> 叉勺。
2、场景联想
通过主元素(大)+辅助元素(小),形成一个场景化的视觉带入感。如:山 + 太阳 = 游玩。
Tips:参考迪士尼,查看“剪影”判断是否具有辨识度
04可识别性的设计原则1、要有明确的色彩倾向,尽量以1种颜色为主。颜色种类根据图标多少,最多尽量不要超过4个;
2、通过视觉关联、场景联想等出发,语义要明确;3、相邻图标要在色、形上尽量有明确对比和区分;大家可以根据自己的业务特征,进行这些设计原则的比例组合。例如:颜色40%+外形60%,像支付宝这种颜色比较少icon还多的、顺序也不固定的,更多还是外形。