在開始今天的文之前,我想先問一下,你覺得漸變是什么?是自己調色~
還是增加更多的視覺變化……
so今天的干貨要好好看啊!
相近色漸變
強對比漸變
常常用在H5界面、引導頁等強視覺的地方。 色彩的取值范圍可相差90°~180°左右(包括中差色、對比色、互補色),基本是一個色值靠近冷色系,一個色值靠近暖色系,顏色跨度大,色環上夾角基本是鈍角 。
透明度漸變
當你覺得漸變少了些什么的時候,就可以嘗試這種方式,豐富層次。
線性漸變
由于原理簡單,開發方便,在界面設計中使用最廣。
徑向漸變
以圓心為起點(圓心位置可以調整),向四周呈現水波紋似的擴散漸變,圓心外有一圈線框控制圓的大小和形狀,如下圖:
徑向漸變尤其適合圓、球體的漸變,在過渡的時候也比線性漸變更加有層次。下圖左邊是用線性漸變繪制的,右邊則是用徑向漸變繪制的,可以看出,用徑向漸變繪制的圓,比線性漸變更加有弧度。
如果你想通過漸變色把圓變成一個球體,徑向漸變是最佳的選擇。
角度漸變
角度漸變是從起點到終點,顏色按順時針做扇形漸變,當起、終點色值不同時,就會形成一條生硬的連接線。ps:Sketch中只要起點終點沒有重合就不會出現生硬的連接線,Ai中沒有角度漸變。
角度漸變可以用來繪制色環,在Ps自帶的漸變中有一個彩虹般的的漸變,先畫一個圓環,再依次選擇角度漸變、彩虹漸變,你就會得到一個6色色環。
描邊漸變
描邊漸變經常用于ui設計,配合角度漸變,可以做出非常個性化的圖標,如下圖:
這里我要給你們介紹一下Ai描邊漸變的特別之處。Ai中的描邊漸變除了本來帶有的漸變類型,還有三種描邊的選擇,分別是:在描邊中應用漸變、沿描邊應用漸變、跨描邊應用漸變。
在描邊中應用漸變 就是直接在描邊中應用選中的線性、徑向漸變,與圖形漸變沒有區別。
沿描邊應用漸變 就是選中的漸變類型(線性、徑向),沿描邊的路徑擴散開。前面提到Ai中是沒有角度漸變的,但這個就可以繪制出相近的效果,如下圖:
跨描邊應用漸變, 是以描邊的外邊緣,向描邊內邊緣應用漸變,這種方式可以繪制出由遠及近的透視感。
任意形狀漸變
任意形狀漸變是Ai中特有的漸變類型,從CC 2019開始有的功能。選中一個圖形,使用任意形狀漸變,你就可以向其加點、線調色,形成多色塊混合的漸變,有一種全息藝術的高級感。
流體漸變
流體漸變與任意形狀漸變雖都是多色塊的漸變類型,但流體漸變擁有一定的律動感,可以借助Ai的網格工具進行繪制。
這種漸變視覺沖擊力強,適合用在運營設計中,界面設計中較少。