快乐时时彩开奖结果走势图

2018-11-27

行業資訊

為什么洋氣的漸變配色,到了你的手里卻很土? 石家莊標志設計

一橫設計整理編輯

章來源:rong360ued、花火圓桌

標題圖via唐寅,文中圖片侵刪






漸變色應該是近兩年來

各種LOGO、平面以及UI設計趨勢中

提到最多的一種大熱元素了

這個潮流從最近的新設計中就能看出

從LOGO設計


到海報設計


via 葉子。


甚至到產品設計


眼看著漸變色已經鋪天蓋地

而自己做的漸變卻是這樣的?

所以今天小編就來分享一下

時下最流行的漸變色,要怎么做?


什么是漸變色

所謂漸變色是指某個物體的顏色從明到暗,或由深轉淺,或是從一個色彩緩慢過渡到另一個色彩,充滿變幻無窮的神秘浪漫氣息的顏色。


色彩可以給我們不同的感受和情緒,而漸變色則可以給我們更多的想象空間。純粹的漸變色使得色彩更生動緩和,不單調,可以豐富整體設計感,卻又不會增加視覺負擔。合理的使用漸變色可以吸引用戶視覺焦點、渲染氛圍、提升美感、傳遞情緒等。


漸變現象

漸變現象分為四種:色相漸變、明度漸變、飽和度漸變、綜合漸變。


通過HSB色彩值來展示這四種漸變現象,會非常直觀和容易理解:


色相漸變,言簡意賅則是由一個顏色到另一個顏色的漸變或是多個顏色的漸變。


明度漸變,是同一色相不同明度,如同一顏色加黑或者加白摻和以后能產生各種不同的明暗層次。


飽和度漸變則是基于各種顏色的不同純度進行變化,每一種純度都有與其相應的明度。

綜合漸變,即是色相、明度和飽和度同時發生變化,完全變成另一種顏色,是我們最常使用的漸變形式。


漸變的顏色數量

漸變色在數量上的使用也沒有一定的規范。在多數情況下,分為四種情況:單色漸變、雙色漸變、三色漸變、多色漸變。


單色漸變即是上方演示的單純明度漸變或飽和度漸變。



雙色漸變是最常見的漸變,同時它也是一把雙刃劍,因為常見所以用起來不會造成太大的錯誤,也因為常見所以常常不會給人視覺上的震撼。


三色漸變是除了雙色漸變之外另一種常見的漸變,視覺效果上較雙色漸變更有層次感。


多色漸變比較少運用,因為把握不好就會給設計造成花俏輕浮的感覺,特定情況下除外。



總的來說,顏色越少越不容易出錯,但同時越豐富的層次感,越是需要多種顏色的相互碰撞形成,對顏色的理解和融合的技巧要求越高。


漸變的表現形式

漸變色有五種形式,線性漸變、徑向漸變、角度漸變、對稱漸變、菱角漸變。在日常設計工作中線性漸變、徑向漸變用的較多。

了解了漸變色的一些基本概念后,接下來我們再分析下在使用漸變色過程中幾種常用的表現手法:


漸變要如何應用?


 一、雙色漸變  

雙色漸變是漸變設計中很重要的組成部分,是設計師們最常用的創作手法之一。其漸變現象可多種多樣。漸變方向主要指從一個顏色到另一個顏色的漸變,如下圖A-B,有橫向漸變、縱向漸變、對角漸變三種方式。


雙色漸變可作為設計的主視覺存在,也可是諸多特性中的一個。其效果是獨一無二的,可以讓畫面更加豐富、活潑,同時使畫面更整體統一,提升美感。


橫向漸變


縱向漸變


對角漸變


二、圖片上的漸變色疊加 

在圖片上疊加色彩已經流行了相當長的一段時間。這種漸變通常在背景、照片中使用,可讓畫面更具神秘、優雅、更具吸引力,讓用戶注意到上面更加重要和更關鍵的元素。


其中半透明的疊加可以讓畫面更細膩,同時也奠定了畫面的主色調,這種設計對于大圖的作用尤其明顯,可以為圖片帶來耳目一新的感覺。


使用過程中要注意對背景圖的挑選,色調應與內容的含義相匹配,疊加后需強化頁面信息的可讀性,不要只為了裝飾而裝飾,否則呈現出來的結果會完全相反。



上面Spotify的頁面采用了圖片疊底和雙色縱向漸變,弱化圖片、讓文字可讀性更強的同時,使畫面依舊靈動具有視覺沖擊力。



而對于文字比重不高的海報,漸變色的運用更多是側重于協調圖片與顏色的關系。



 三、多層次漸變疊加 

兩年前,Instagram放棄了復古相機樣式的LOGO,更換成集合了多種顏色的漸變色扁平新圖標,引發了大家激烈的討論。


不管這個設計好壞與否,我們都不得不承認,這個彩虹色讓人眼前一亮。也讓我們重新認識到在UI設計中,使用得當的漸變色彩,可以使界面和圖標的設計感得到迅速提升。


Instagram圖標主要由一組線性對角漸變,加兩組球形徑向漸變疊加組成。細數一下,里面融合了桃紅、紫、橙、黃、藍五種顏色,可以說是多色漸變中非常具有技術含量的一個設計。



四、色塊漸變 

漸變的顏色不只可以運用在一個色塊上,還可以運用在一組色塊上。


不如說下面的這組海報,設計師會采用同類色、近似色、對比色、補色,將一個圖形中的分區清晰區分開,讓圖形色塊平衡在一個頻率上,這樣的畫面多姿多彩,也更富有節奏感和舒適性。





 

五、置入元素 

還有一種漸變色的使用方式是將漸變色置入到版面中的元素內,最常見的兩種形式就是置入到幾何元素當中和置入到文字當中。


這兩種形式都會為畫面帶來一些變化性,同時又能夠緩沖色彩與色彩之間的沖突,但需要注意漸變色之間的統一與協調,建議一個版面當中不要置入數量過多的漸變色,以免造成設計的最終效果顯得混亂。


第58屆塞薩洛尼基國際電影節海報



以上兩張電影節海報,將漸變色置入到數字“58”當中,采用了多種顏色的疊加漸變,與黑色背景形成鮮明對比,重點突出這兩個數字。


這一形式同樣可以應用于字體LOGO上,比如說前陣時間更換新LOGO的榮耀手機,在新LOGO的變色上加入了與產品呼應的漸變色系。



 六、網格漸變 

AI網格工具繪畫出的成品不亞于3D,是一種很好的矢量畫圖方法,繪畫技巧相對復雜,要求較高,廣泛用于平面設計作品中。


網格配色的運用,考驗設計師的顏色搭配功底,調整每一個瞄點讓色彩過渡自然,也可采用多圖層的疊加方式。


via 網絡




via 唐寅


其實漸變色的使用,在技術層面上的難度并不是很高,重點在于使用的對象和主題。漸變色并不是一個獨立的設計理論知識,設計師應該把它看作是配色當中的一種形式。


在小編之前的推文中,經?;崽岬秸庋囊桓齦拍睿骸?span style="color:#337FE5;">具有互聯網氣息的LOGO設計”。很多老鐵問:什么樣的設計具有互聯網氣息?其實可以看看各大互聯網公司的LOGO,大多有兩大特點:一是扁平化,二是運用漸變色。所以說,掌握漸變色的運用,對設計思維的更新是有所幫助的。




VI設計

標志設計






免責聲明:


本網站部分內容來源于企業機構、網友提供和互聯網的公開資料等,僅供參考。本網站對站內所有資訊的內容、觀點保持中立,不對內容的準確性、可靠性或完整性提供任何明示或暗示的保證。如果有侵權等問題,請及時聯系我們,我們將在收到通知后盡快妥善處理該部分內容。