2017UI流行趨勢 - 漸變色彩探索

設(shè)計風(fēng)向標(biāo)的更新周期越來越短，基本每一年都會有新的設(shè)計理念推出，每隔十個月就會有一些視覺技巧在挑戰(zhàn)現(xiàn)在的主流設(shè)計理念。

那么現(xiàn)在的視覺設(shè)計圈更新迭代速度這么快，即將到來的2017年 UI 又會流行什么呢？？？

不妨先從本質(zhì)分析，整個設(shè)計行業(yè)的基礎(chǔ)因素“人”已經(jīng)在潛移默化發(fā)生了新的變化。

80后設(shè)計師穩(wěn)重的成為行業(yè)里的主力軍，90后小鮮肉帶著一股跳躍性的思維在圈里逐漸嶄露頭角，他們更敢于創(chuàng)新、用色大膽并且把設(shè)計當(dāng)成興趣愛好去鉆研，成長速度快的驚人。當(dāng)80、90兩個年代兩股設(shè)計洪流交織在一起時，沉穩(wěn)與新奇并存，嚴(yán)謹(jǐn)與敏捷互補。

今天就先以色彩做案例，從一些優(yōu)秀作品中感受下色彩應(yīng)用領(lǐng)域發(fā)生的一些變化.....

1、雙色漸變

“漸變色”一個不算新鮮的傳統(tǒng)視覺表現(xiàn)手法，相信大多數(shù)80后設(shè)計師都會在以往的某個時期對漸變色的使用情有獨鐘！

從2013年至今，扁平風(fēng)以強烈簡潔的功能界面區(qū)分，拋棄多余的元素，減少過度美觀修飾對信息的干擾等等優(yōu)勢在設(shè)計潮流中著實穩(wěn)穩(wěn)的走過了三個年頭。

但是一切皆扁平的純色理論中，也有一定程度上存在著各種小弊端，如：頁面信息難以拉開層次關(guān)系；缺少個性\特性展現(xiàn)；過度弱化的視覺信號；失去對事件的控制感等等...

所以不少新銳設(shè)計師在試著打破扁平的魔咒，漸變色就是目前被設(shè)計師們重新拾起的武器。

選擇色譜盤上的鄰近色進行糅合，產(chǎn)生了雙色漸變，絢麗中又不浮夸，運用得當(dāng)會為頁面增色不少。

簡單干凈的雙色漸變開始讓簡單的設(shè)計賦予活潑有趣的氣息。

如下案例：

（Behance 案例）

（Dribbble 案例）

     （Behance 案例）

（Dribbble 案例）

2、輕量漸變

輕量漸變色與雙色漸變色相比，具有更加柔和、減少跳躍的屬性。適合使用在需要突出產(chǎn)品意識的同時，又加入了一些活潑的調(diào)性。

由于輕量漸變色通常采用同一顏色的深淺三個色度內(nèi)的漸變過度，用量更輕，起伏很淡，對用戶的視覺傳達是似有似無的心里暗示。

與扁平純色相比，輕量漸變?nèi)谌肓斯庠辞腥朦c，氣氛的變化，所以輕量漸變色展現(xiàn)的是色彩的“柔性美”及“溫和氣質(zhì)”。

輕量漸變色在卡片或者較大面積時使用更佳！

如下案例：

（Dribbble 案例）

（Dribbble 案例）

（Dribbble 案例）

（Behance 案例）

（主流 APP 案例）

3、彩色投影

投影同樣也是一個視覺老技巧。但是以往投影多流行的是灰色或者重色的運用。近期另一種更大膽活潑的形式開始悄然流行，就是“彩色投影”或者叫“融入式投影”。

投影的顏色會隨著投影源的主體色彩而改變，這樣的好處是可以把投影帶來的層次感控制在良好的弱體驗之間，讓投影的主體更好的融進整體畫面中。也避免了部分亮色系搭配時，灰色投影顯臟的問題。同時也可以讓界面及色彩更突出和飽滿。

所以，越來越多的新銳視覺設(shè)計師開始在研磨彩色投影的神奇功效...

如下案例：

（Dribbble 案例）

（Dribbble 案例）

視覺展現(xiàn)趨勢的設(shè)計技巧還有很多，今天只拋一個色彩相關(guān)的小點供大家腦洞。

不要誤解這里談到的似乎不是全新的方法，設(shè)計趨勢就是在開歷史的倒車。

其實每一次潮流下驅(qū)動的變化都是當(dāng)前時代人對美的重新定義和認(rèn)知，也是符合當(dāng)前感性體驗的不斷升級。像幾年前的投影是鮮明層次需求渴望的重色使然，時下流行的彩色投影則是對整體和諧性與層級關(guān)系雙重把控下的更高要求！

BTW, 趨勢的摸索往往彎路多于正途，也不是所有的趨勢都適合每套產(chǎn)品的調(diào)性。

但正是這些不斷的嘗新探索才推動了產(chǎn)品對設(shè)計不斷持重的體驗升華！