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(複製到瀏覽器打開即可),詳情請看職業研學社


分享到:


相關文章: