UI Color trend 2017/2018

原文地址：https://medium.muz.li/@usemuzli

Tips：

阅读完本文，大概需要3分钟。

UI色彩每年都在变，年年都会有微妙的差异性，2016年在UI上的用色还没有那么大胆，但是2017年开始，色彩运用的越来越大胆了，比如新版淘宝，就采用了比较年轻态的渐变色，可以看得出来接下来会有更多的产品会采用丰富饱满的色彩，而色彩的运用呢，也趋于多元化，极简风与大胆扁平渐变色会共存，还有就是界面视觉元素的几何化，点线面的运用呢，会更多~~没毛病。

下面我们就从当下UI色彩的角度，做个归纳总结，这也将代表着2017/2018的色彩趋势哦。

趋势一：冷暖色相渐变

此类在UI中运用的较多，比如新版淘宝就是采用暖色单色相的渐变色，这也是2017-2018年产品界面用色的趋势之一。

趋势二：饱和度较高的纯色

这类用色在品牌、插画等领域用的居多，不过在个人网站或创意设计网站慢慢的也多了起来，对于纯色的运用，比如橙色也居多。这类用色如果把我不好色彩之间的平衡度，很容易适得其反哦。

趋势三：邻近色渐变

这类用色，在UI中用的也居多，特别是banner、插画。使用临近色渐变，会给人很微妙的感觉，使得UI更加的细致，一般采用邻近色渐变，会以一种色彩为主，其他色彩为辅，这样看起来，主次比较分明。可以肯定在2017-2018会有个更多的产品采用这种配色。

趋势四：不同色相的后退色渐变

这种冷色调之间的搭配，也是比较常见的形式，一般在web端用的居多些，比如一些官网，会采用这种偏冷静的配色方案，当然啦，在APP中也场景，主要体现在banner或者一些视觉元素上。

趋势五：单一极简用色

这类用色在web端居多，而且是在国外越来越多，此类用色跟“点线面”的几何形式配合使用，兼职完美搭配，所以此类用色也会用于banner、平面、品牌的等方面。在APP中还是比较少见的形式，有点过于小众化了，不过这也是接下来的趋势。

趋势六：黑白极简风

这类配色，跟上面的很类似，不过灰色调属于中性色，采用极简的形式更有气质。所以现在不少的小众APP均采用单一的灰色调，比如阅读类的APP，这类配色用户在视觉、品牌中也比较多

趋势七：多色相的渐变

渐变用色，前面说到了同色相渐变、邻近色相渐变，多色相渐变在视觉上变现力会更强一些，多色相的配色在web端运用的居多。

趋势八：不同色相、色阶强对比渐变

此类配色在这几类里，是最难掌控的，涉及到的内容居多，色相的掌控、色阶的掌控，我们一般看到的此类配色会带来很强的视觉冲击力，不同色相搭配，同色相的色阶差异很大，所以视觉效果更加的立体、饱满。比如Instagram的icon就是个很好的例子。