3

主流app现在流行褪色?

 2 years ago
source link: https://www.shejidaren.com/app-tui-se-ui.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

主流app现在流行褪色?

9月 9, 2022 发表于: 视觉设计. 评论

Sponsor
single-top-500x62-v2.jpg
unnamed-file-4.jpeg

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

主流app现在流行褪色?

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

不单国内如此:

主流app现在流行褪色?

主流app现在流行褪色?

网易云音乐

国外也是:

主流app现在流行褪色?

Facebook

主流app现在流行褪色?

Twitter

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

主流app现在流行褪色?

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

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

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

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

主流app现在流行褪色?

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

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

1. 背景不用主题色了

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

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

主流app现在流行褪色?

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

主流app现在流行褪色?

知乎登录页

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

主流app现在流行褪色?

饿了么加载页

我能想到的理由有三个:

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

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

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

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

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

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

主流app现在流行褪色?

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

主流app现在流行褪色?

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

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

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

主流app现在流行褪色?

知乎问题页

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

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

主流app现在流行褪色?

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

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

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

主流app现在流行褪色?

3. 色彩越来越多元

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

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

主流app现在流行褪色?

主流app现在流行褪色?

主流app现在流行褪色?

主流app现在流行褪色?

主流app现在流行褪色?

照片因为屏幕上的元素越来越真实,配色上自然就没必要过于拘泥于主题色了。除了需要多样的颜色搭配之外,还要注重色彩的功能性。例如红色代表重要信息、绿色代表健康环保、蓝色代表科技可靠、金色代表尊贵……

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

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

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

作者 | 设计师ZoeYZ
来源 | 体验进阶(ID:Advanced_UX )

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接 500-62-douban-gaogen-sheji-shuji-tuijian.jpg

赞助商链接

jianli-muban.jpg
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK