您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 視覺設計 >> 瀏覽設計教程

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

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

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


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

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


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



1、雙色漸變


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

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

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


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

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

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


如下案例:

(Behance 案例)


(Dribbble 案例)


     (Behance 案例)


(Dribbble 案例)



 

2、輕量漸變


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

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

與扁平純色相比,輕量漸變融入了光源切入點,氣氛的變化,所以輕量漸變色展現(xiàn)的是色彩的“柔性美”及“溫和氣質”。

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


如下案例:

(Dribbble 案例)


(Dribbble 案例)


(Dribbble 案例)

(Behance 案例)

(主流 APP 案例)

3、彩色投影


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

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

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


如下案例:

(Dribbble 案例)


(Dribbble 案例)

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

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

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

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

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

[教程作者:王羽楓]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/ui3388.html
游戲類網(wǎng)頁設計師的成長故事(附PSD下載)
干貨分享!UI設計中的顏色運用
圖趣網(wǎng)微信
建議反饋
×