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

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

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

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

是什么：

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

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

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

为什么：

在这里简要的分析下：

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

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

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

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

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

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

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

早期手机UI设计

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

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

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

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

4.扁平潮流，内容为王

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

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

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

可能是第五点

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

怎么样：

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

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

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

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

当然

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

以上

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

（图侵删）

谢谢大家！！！