大厂金刚区越来越“乱了

当前位置:首页>设计文章>UI>大厂金刚区越来越“乱了

大家有没有发现,在早些年,各家金刚区还是相对比较规整的,这两年金刚区却变的越来越“乱”。用户体验变的不重要了吗?背后是怎样思考的呐?

大厂金刚区越来越“乱了

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还多的、顺序也不固定的,更多还是外形。

大厂金刚区越来越“乱了
-END-
大厂金刚区越来越“乱了
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
UI交互效率工具设计干货

从拼多多学到「如何外化价值」

2024-2-18 11:49:20

UI交互

什么是设计系统?一个简单的入门指南

2024-2-18 13:15:25

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索