10.26 2017 UI流行趋势 – 渐变色的时代

色彩在设计表现中的作用我想不用过多的强调。总之就是灰常灰常灰常灰常的重要。然而随着时代的不断变迁和技术发展的不断演进,大众对于色彩的认知和喜好也在不断的改变着。

然而设计风向标的更新周期越来越短,基本每一年都会有新的设计理念推出,每隔十个月就会有一些视觉技巧在挑战现在的主流设计理念。

2017 UI流行趋势 – 渐变色的时代

那么现在的视觉设计圈更新迭代速度这么快,即将到来的2017年 UI 又会流行什么呢???

今天就先以色彩做案例,从一些优秀作品中感受下色彩应用领域发生的一些变化…..

那么什么是渐变色?

用两个或多个不同的颜色画成一个元素,这些颜色之间淡入或淡出,这就是渐变色。渐变色有个神奇的特点:即它感觉不是任何一种颜色,显得有点独一无二的feel~时尚,且充满了新鲜感。

2017 UI流行趋势 – 渐变色的时代

1,双色渐变

“渐变色”一个不算新鲜的传统视觉表现手法,相信大多数80后设计师都会在以往的某个时期对渐变色的使用情有独钟!

从2013年至今,扁平风以强烈简洁的功能界面区分,抛弃多余的元素,减少过度美观修饰对信息的干扰等等优势在设计潮流中着实稳稳的走过了三个年头。

但是一切皆扁平的纯色理论中,也有一定程度上存在着各种小弊端,如:页面信息难以拉开层次关系;缺少个性特性展现;过度弱化的视觉信号;失去对事件的控制感等等…

所以不少新锐设计师在试着打破扁平的魔咒,渐变色就是目前被设计师们重新拾起的武器。

选择色谱盘上的邻近色进行糅合,产生了双色渐变,绚丽中又不浮夸,运用得当会为页面增色不少。

简单干净的双色渐变开始让简单的设计赋予活泼有趣的气息。

2017 UI流行趋势 – 渐变色的时代

2、轻量渐变

轻量渐变色与双色渐变色相比,具有更加柔和、减少跳跃的属性。适合使用在需要突出产品意识的同时,又加入了一些活泼的调性。

由于轻量渐变色通常采用同一颜色的深浅三个色度内的渐变过度,用量更轻,起伏很淡,对用户的视觉传达是似有似无的心里暗示。

与扁平纯色相比,轻量渐变融入了光源切入点,气氛的变化,所以轻量渐变色展现的是色彩的“柔性美”及“温和气质”。

轻量渐变色在卡片或者较大面积时使用更佳!

2017 UI流行趋势 – 渐变色的时代

3、彩色投影

投影同样也是一个视觉老技巧。但是以往投影多流行的是灰色或者重色的运用。近期另一种更大胆活泼的形式开始悄然流行,就是“彩色投影”或者叫“融入式投影”。

投影的颜色会随着投影源的主体色彩而改变,这样的好处是可以把投影带来的层次感控制在良好的弱体验之间,让投影的主体更好的融进整体画面中。也避免了部分亮色系搭配时,灰色投影显脏的问题。同时也可以让界面及色彩更突出和饱满。

所以,越来越多的新锐视觉设计师开始在研磨彩色投影的神奇功效…

2017 UI流行趋势 – 渐变色的时代

为什么渐变色会变得这么流行?

1、渐变色让人过目不忘

渐变色相对于单一的色块,更能吸引人的注意力,而这点正是设计或品牌标识所需要的。

由于人的特殊认知结构,一般来说用语言去描述颜色是非常局限的。所以,如果我们突然看到一些无法用“蓝色”或“紫色”命名的事物,我们反而能够第一时间记住它。

Asana 的渐变色 Logo

2017 UI流行趋势 – 渐变色的时代

2、渐变色相对来说独一无二

老实说,为了让品牌打造独一无二的标识,世界上根本没有足够多不同的颜色。我认为真正能被我们命名、识别的颜色只有 20 个,然而另一个方面,却有成千上百个品牌试图创造出自己唯一的标识。颜色是用一个少一个啊~你选择深蓝色, Facebook和其他N多品牌已经用了。然后你又换了一个不同的蓝色,随后又发现到它被 Twitter 抢先了……

2017 UI流行趋势 – 渐变色的时代

但是渐变色打破了这个游戏规则。颜色瞬间变得多了起来~

3、渐变色更加写实和惊艳

由于光的缘故,在现实生活中,我们看到的任何物体都不是单一的色彩,而是渐变。例如苹果,它妥妥的深红到浅红,或者到绿色的一个渐变。柠檬也是深黄、中黄、淡黄的渐变(如下图)。所以对我们的眼睛来说,当看到屏幕上的渐变色时,也许更自然,更符合逻辑。

2017 UI流行趋势 – 渐变色的时代

4、渐变色更加的活泼,娱乐性更强

人都是好色的动物,谁都希望自己生活在一个彩色的世界里。渐变色由于不想单一色彩只呈现单一的情绪给观者。它一般至少带着两种情绪在里面。然而这两种情绪混在一起又产生出新的情绪。

2017 UI流行趋势 – 渐变色的时代

一些电视台的品牌视觉包装也越来越喜欢用渐变色。例如湖南电视台、东方卫视等。你会发现这些电视台给人的感觉都是比较年轻和活泼的。

换一句话说趋势就是要在流行的时候使用~一旦过气了就立马会压到箱底里,不知要到何年何月才会再一次变成趋势流行起来。

渐变色也确确实实的比那些老实的色块来得活泼和吸引眼球~用得好原来60分的设计可以到80分~这简直就是游戏道具加持的效果啊~

这次的分享就到这里了,最后给大家分享一个UI设计学习的软件网址:http://blog.sina.com.cn/s/blog_17251ce000102xbut.html(复制到浏览器打开即可),详情请看职业研学社


分享到:


相關文章: