漸變色的設(shè)計(jì)套路
加微信 “UIchongneng”進(jìn)設(shè)計(jì)交流群 

相信很多正在閱讀這篇文章的設(shè)計(jì)師在過往的工作當(dāng)中都接觸過漸變色,漸變色看似沒有規(guī)律但其中又有著不容忽視的細(xì)節(jié)。
今天就盤點(diǎn)一下漸變色到底能做出多少種設(shè)計(jì)?。。?/span>

這是比較常見的色彩漸變,兩種顏色雙色調(diào)漸變,之間有平滑有規(guī)律的過渡,呈現(xiàn)出兩種顏色之間的產(chǎn)生的變化,多采用線性或者徑向漸變,給人富有韻律的節(jié)奏感。


單重漸變比較清晰,簡單的搭配。相比常規(guī)顏色來說沒那么單薄,更加豐富有層次,單重漸變不尋常的視覺效果,可以令人印象深刻。




彌散漸變是通過色彩漸變模糊,由多色模糊漸變形成,兩種模糊效果疊加一起,模糊了兩者的邊界,顏色和顏色之間比較自然的漸進(jìn)變化,形成虛實(shí)結(jié)合的有色光感效果,這種獨(dú)特的視覺效果,讓整體的氣質(zhì)變得更加柔和,讓原始的景象充滿力量。







選擇兩種以上的色彩漸變,通過多種色彩之間的變 對比更豐富的顏色組合,更加的有視覺沖擊力,并且能夠呈現(xiàn)出多種顏色之間產(chǎn)生的變化,好看又飽滿的空間感。




多重漸變不尋常的視覺效果,往往能夠給人留下深刻的印象,也是設(shè)計(jì)師比較喜歡使用的漸變手法之一。



通過色塊變化來營造出畫面,色塊與色塊之間的碰撞,可以很好地營造出一種畫面感。





但在顏色的挑選要注意搭配,要平衡在一個(gè)頻率上,有秩序排列有規(guī)律,才不會(huì)顯得突兀,畫面設(shè)計(jì)也更加有節(jié)奏感,排列的疏密也可以產(chǎn)生動(dòng)感。



讓漸變色具有液化流動(dòng)效果,這就和流體元素差不多了,高飽和度的霓虹色彩液態(tài)金屬,酷到不行的酸性設(shè)計(jì),富有科幻未來主義。






漸變色具有液化流動(dòng)的感覺,這樣的設(shè)計(jì)畫面更有活動(dòng)性,看起來也比較有夢幻,未來的感覺。




具有三維形狀空間的立體感漸變,是在漸變設(shè)計(jì)中比較流行的手法。




通過造型、色彩變化等等表現(xiàn),這樣的設(shè)計(jì)可以給觀者一種3D的既視感,具有活力層次豐富。




疊加漸變,在漸變色已有透亮的色彩感受中繼續(xù)深化,在色彩的基礎(chǔ)元素進(jìn)行疊加排列,從而產(chǎn)生重合部分。通過色彩的重疊正片疊底,可以讓畫面更加絢麗,不過使用不當(dāng)也容易讓畫面變復(fù)雜。




半透明漸變具有漸隱效果和褪色效果,它們在一端具有全色調(diào),而在另一端具有0%顏色不透明度。可以為雙色或者三色以上,沒有完全的漸變,分為兩個(gè)區(qū)域,透明的那一部分,好像消失一般,但經(jīng)常會(huì)以透明度開始或結(jié)束,這樣的設(shè)計(jì)更具呼吸感。






使用半透明漸變的方法是將它們與其他漸變形狀和背景重疊或者疊加,很有神秘感。可以讓我們的眼睛覺得更真實(shí)和自然。提升畫面的格調(diào)。


漸變色的使用范圍是非常之廣的,并且最重要的一點(diǎn)是設(shè)計(jì)師可以輕松掌握漸變色的使用技巧,同時(shí)漸變色會(huì)為畫面帶來視覺變化和效果,因此性價(jià)比如此之高的漸變色是每個(gè)設(shè)計(jì)師不可或缺的必備技能,但是想要掌握好還是需要一定技巧的。趕緊動(dòng)起來吧。
— 回復(fù)關(guān)鍵詞獲取資源 —
小程序控件 | 包圖小白體 | 面試技巧 | 圖標(biāo)規(guī)范
UI設(shè)計(jì)規(guī)范 | UI教程 | AE教程
字體設(shè)計(jì) | 作品集 | 點(diǎn)這里獲取更多資源
