设计趋势!用户界面设计风格—最炫淡雅风

分享到:更多 ()

有没有发现这几年的移动设备与互联网发展趋势,淡雅的低饱和度的颜色的确越来越开始流行。不像以前的页面那样大红大绿了。

那为什么最近的用户界面设计越来越流行淡雅的低饱和度风呢?

学ui设计 最美ui 用户界面设计风格—最炫淡雅风 zuimeiui.com

学ui设计 最美ui 用户界面设计风格—最炫淡雅风 zuimeiui.com

试着运用高中政治老师的分析大法九字真经:“是什么、为什么、怎么样”,来从背后分析下这种流行发展的原因。

Image title

是什么:

什么是颜色的饱和度?简单来说,饱和度是指色彩的鲜艳程度,也称色彩的纯度。比如,下图左侧的红色比右侧的红色饱和度更高。

学ui设计 最美ui 用户界面设计风格—最炫淡雅风 zuimeiui.com

我们也可以继续看看用户界面饱和度对比案例

学ui设计 最美ui 用户界面设计风格—最炫淡雅风 zuimeiui.com

看到这里大家应该对对饱和度淡雅风有个大概的了解了吧。

为什么:

在这里简要的分析下:

1.传统平面3秒原则不适用界面设计

高饱和度的色彩,在平面设计和广告设计中的应用广泛。越是饱和度高的颜色,便可在越短时间产品脱颖而出,同时长时间观看也越容易引起人的视觉疲劳。而中低饱和度的颜色,则显得更加“耐看”。所以色彩饱和度,总是和视觉吸引力和视觉疲劳有关的。

学ui设计 最美ui 用户界面设计风格—最炫淡雅风 zuimeiui.com

平面设计中高饱和设计无处不在,针对的群体普遍是移动的,停留时间很难超过3秒,只为让自己在茫茫广告中更显眼。

2.移动设备与移动互联网的快速发展

在早期功能机与智能机的UI设计中,继承了高饱和度的设计特点。因为图标与界面是吸引力的焦点,同时起着引导用户操作的作用。另外,用户不会在操作界面之间停留过长时间(基本都是功能操作),所以也谈不上视觉疲劳。

但随着移动设备硬件与移动互联网的快速发展,人们都开始熟悉智能机的操作和使用了。手机上能做的事情越来越丰富了,人们在手机上花的时间越来越多了。所以回首一看,高饱和度的颜色反而优势不明显了。

所以淡雅的低饱和度颜色开始流行起来。

早期手机UI设计

学ui设计 最美ui 用户界面设计风格—最炫淡雅风 zuimeiui.com

现在再让你用回以前的界面,是不是屎的心都有了!

3.软硬件技术进步,颜色表现力增强

随着软硬件的提升,色彩显示质量基本得到保证,能够相差无几地显示设计师的色彩方案。并且大部分的用户更新了设备屏幕,设计师敢于使用之前显示有偏差的颜色,低饱和色系的主题得以更好的展示。

学ui设计 最美ui 用户界面设计风格—最炫淡雅风 zuimeiui.com

这几年,电脑、手机软硬件发展特别快。

4.扁平潮流,内容为王

你并不需要给用户再次强调那种眼前一亮的感觉。图标等元素,用户能找到即可;
随着用户使用时间的增长,高饱和度颜色更容易引起视觉疲劳。而中低饱和度颜色不会;

中低饱和度的设计,把重心交给内容。现在的软件更多是以内容为主,向外的表现主要就是风格的扁平化,使用的色彩自然也软下来了。一来不要喧宾夺主,二来要衬托出重点内容颜色的鲜艳、醒目。比如网易严选、有邻、等等。

学ui设计 最美ui 用户界面设计风格—最炫淡雅风 zuimeiui.com
所以淡雅的低饱和度颜色开始流行起来。

可能是第五点

还记得设计师从小被老师洗脑的高级灰吗?

学ui设计 最美ui 用户界面设计风格—最炫淡雅风 zuimeiui.com

怎么样:

通过上面内容对淡雅风有一个大概了解了,那我们实践的时候应该怎么做呢?

少用颜色,或者多用低饱和度容易调和的颜色,这样页面看起来会更加协调。

移动应用的设计趋势就是越来越方便,操作越来简单,总体来说就是趋于轻型,所以不仅仅是在交互上,在视觉表达上也应该偏于轻型。给用户更舒适的视觉体验增加用户的浏览时间。一来不要喧宾夺主,二来要衬托出重点内容颜色的鲜艳、醒目。

学ui设计 最美ui 用户界面设计风格—最炫淡雅风 zuimeiui.com

有邻和网易严选的整个页面颜色很少纯度很低,商品和内容反而更突出了,就算长时间使用也不会有视觉疲劳感。

当然

界面的颜色还有很多其他的因素,比如淘宝App用多颜色、高饱和度就是为了吸引用户的购买欲望。严选为了突出品质,减少不必要的干扰,就是希望用户多发现产品的品质,沉迷其中。具体操作还是需要看产品的定位以及整个团队的协作。

以上

就是我最近的一些小感悟,如有不足也请多多指出。

(图侵删)

谢谢大家!!!

 

分享:imoto499

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » 设计趋势!用户界面设计风格—最炫淡雅风

0
分享到:更多 ()