最美UI

2017 UI色彩流行趋势探索

@Ryan Wang 设计风向标的更新周期越来越短。那么现在的视觉设计圈更新迭代速度这么快,2017年 ui 又会流行什么呢?

Image title

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

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

不妨先从本质分析,整个设计行业的基础因素“人”已经在潜移默化发生了新的变化。

80后设计师稳重的成为行业里的主力军,90后小鲜肉带着一股跳跃性的思维在圈里逐渐崭露头角,他们更敢于创新、用色大胆并且把设计当成兴趣爱好去钻研,成长速度快的惊人。当80、90两个年代两股设计洪流交织在一起时,沉稳与新奇并存,严谨与敏捷互补。

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

1、双色渐变

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

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

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

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

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

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

Image title

如下案例:

Image title

Behance 案例)

Image title

Dribbble 案例)

Image title

Behance 案例)

Image title

Dribbble 案例)


2、轻量渐变

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

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

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

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

如下案例:

Image title

Dribbble 案例)

Image title

Dribbble 案例)

Image title

Dribbble 案例)

Image title

Behance 案例)

Image title

(主流 app 案例)


3、彩色投影

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

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

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

如下案例:

Image title

Dribbble 案例)

Image title

Dribbble 案例)

视觉展现趋势的设计技巧还有很多,今天只抛一个色彩相关的小点供大家脑洞。

不要误解这里谈到的似乎不是全新的方法,设计趋势就是在开历史的倒车,或是老声常谈。其实每次处于时下的变化和感知都是微弱的,但每次都会推陈出新的地方,正如iOS从诞生到今天走过九个年头也发展了10个版本,但不能说它只是从强质感转身成扁平化经历了两个阶段!

设计趋势也是一样,其实每一次潮流下驱动的变化都是当前时代人对美的重新定义和认知,也是符合当前感性体验的不断升级。像几年前的投影是鲜明层次需求渴望的重色使然,时下流行的彩色投影则是对整体和谐性与层级关系双重把控下的更高要求!

BTW

* 趋势的摸索往往弯路多于正途,也不是所有的趋势都适合每套产品的调性,需要设计师根据产品的业务策略、用户体验产品风格等自行把控,避免盲目追求趋势造成风格走偏。

但正是这些不断的尝新探索才推动了产品设计不断持重的体验升华!

原文链接:UI中国

作者:Ryan Wang

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

0

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
最美UI(zuimeiui.com)每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧!
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
高端配色论!什么样的配色才能体现出高端的感觉?
下一篇