查看原文
其他

猛然发现,主流app都在褪色

设计师ZoeYZ 体验进阶 2022-09-18

事情是这样的,我上次看到京东改版后,第一反应想到了「褪色」这个词:



仔细想想,似乎这几年来,主流的 app 都有「褪色」趋势。


不单国内如此:


淘宝


网易云音乐


国外也是:


Facebook


Twitter


就连 Material Design 设计规范,也是如此:


上图来源:Material Design 最新改版,变化好大!


这么看来,削减主题色的确是互联网设计界的大趋势。


这让我想到了三年前写一篇文章:无框界面


当时就已经可以窥视削减主题色的趋势了,但是当时主要的讨论点是不用色块来进行内容布局,让内容更加突出。



而现在,方向还是那个方向,但却比当时更进一步了。


下面仔细分享一下我的观察和思考:




1. 背景不用主题色了


我记得三五年前时,很多产品喜欢把主题色当背景用,现在都改掉了。


例如现在已经不流行用有背景色的标题栏了:


淘宝首页


以前大部分登录页都会用主题色,现在都简化了:


知乎登录页


甚至,以前加载页喜欢用整片的主题色,现在也以白色为主:


饿了么加载页


我能想到的理由有三个:


一是产品越来越庞大,开始依赖组件了。如果背景色变动太大,不论是在设计上还是在前端上,都不利于组件的复用。


二是以 iOS / mac OS 为代表,操作系统推出暗黑模式,太鲜艳的背景色不利于色彩适配。


三是审美疲劳,换个花样。




2. 不需要主题色来暗示操作方法了


主题色使用最泛滥的时候,应该是在移动互联网和扁平风格兴起时。


智能手机刚普及时,因为没有鼠标指针的悬停效果,一下子就不知道哪里可以点,哪里不能点了。



一开始,以 iOS 为代表,流行通过渐变凸起来提供暗示:



后来扁平风格越来越主流,页面变简洁好看的同时,可点击区域又不清晰了:扁平风格的问题在哪?


那个时候,只要是可以点击的东西,不管是按钮、图标还是文字,都恨不得刷上最主题,才能告诉用户此处可点。


例如知乎过去这个情况就很明显:


知乎问题页


随着智能手机逐渐成为了人手一台的必备品,再加上移动互联网红海浪潮,手机 app 逐步找到「最优解」。


不光是各厂商的设计方案逐渐达成“默契”,用户也习惯常见的那几种交互模版。例如首页差不多都长这样:


更多探讨:太注重用户体验,反而会丧失个性吗?


于是乎,我们不再需要高亮色来“教育”用户如何使用产品了。


例如下面这些图标和文字按钮,即便没用任何颜色,大家也知道可以点击。但这在移动互联网刚兴起时,是做不到的:





3. 色彩越来越多元


随着现实世界与互联网世界联系更紧密,我们会发现网上可以看到的实物元素越来越多。


这个变化尤其在图标上体现最明显:


线条

平面

2.5D

3D

照片

因为屏幕上的元素越来越真实,配色上自然就没必要过于拘泥于主题色了。

除了需要多样的颜色搭配之外,还要注重色彩的功能性。例如红色代表重要信息绿色代表健康环保、蓝色代表科技可靠、金色代表尊贵……



思考延伸

不管上过去的扁平化、无框界面,还是现在的削减主题色,其实我们追求的都是回归本质,将重要信息更有效地呈现给用户。

只是同一个目的,在不同的时空背景之下,引导我们做出的事情不尽相同。

在这个趋势下,主题色会渐渐消失吗?

我认为不会,只要我们是通过颜色来识别图标和logo,主题色就不会消失,它将作为品牌特征成为界面上的重要点缀。

想要学习或者练习体验/交互设计的朋友,可以了解一下「体验设计学习社」。

作品集详细点评+答疑+免费训练营&学习打卡等活动,更有各类大厂内推:



如果你只是想要多认识一些同行,也可以加入我们无广告的纯粹体验研讨微信群:


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存