欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

學(xué)會(huì)這3個(gè)配色法,零基礎(chǔ)也能做出好看的配色

  發(fā)布時(shí)間:2017-06-29 12:15:40   作者:@飛屋睿UIdesign   我要評(píng)論
學(xué)會(huì)這3個(gè)配色法,零基礎(chǔ)也能做出好看的配色!第一種是單色配色法:同色同源,第二種是漸變配色法:夢(mèng)幻滑翔第三種是多色配色法:顏色的加減乘除

現(xiàn)實(shí)世界中,我們很難發(fā)現(xiàn)有一塊完全凝固不變的色彩,比如云彩雖說(shuō)是白色,但總是又隱隱透出藍(lán)色、橙色等不同的漸變色,天空也并不盡然是全然相同的藍(lán),而表現(xiàn)出了深淺不一的色調(diào)。我們?cè)谠O(shè)計(jì)中運(yùn)用到漸變色,也就是讓畫(huà)面還原更多的真實(shí)。

被北極光渲染的星空本身就帶著色彩的漸變流淌,照片本身的色彩漸變已表現(xiàn)出了動(dòng)態(tài)的美輪美奐。

有時(shí)候背景運(yùn)用漸變的同時(shí),前景對(duì)象也運(yùn)用漸變色,利用漸變色進(jìn)行填充后,整個(gè)畫(huà)面充滿了未來(lái)感:

還可以將漸變色運(yùn)用到元素上,這時(shí)漸變色就需要更加濃烈鮮明,從背景凸顯出來(lái),形成視覺(jué)強(qiáng)調(diào)。

在需要被注意的大型文字中運(yùn)用鮮艷度都非常高的大紅到紫色的漸變,背景采用接近無(wú)彩的暗調(diào),讓文字更加璀璨奪目:

漸變不僅是色彩上的變化,還有更多是屬于時(shí)間的變化。開(kāi)發(fā)網(wǎng)頁(yè)設(shè)計(jì)中漸變色的運(yùn)用絕不僅僅止步于此。

運(yùn)用漸變色增加色彩的豐富感,同時(shí)又讓畫(huà)面不至于凌亂。這在很多品牌站中所用較多。如果希望頁(yè)面顯得嚴(yán)肅,可以限制漸變所用的范圍??傊瑵u變是一種"夢(mèng)幻"的手段,而絕對(duì)非目的。

多色配色法:顏色的加減乘除

色彩不僅有色相,還包括飽和度、明度、色溫等特質(zhì),與此同時(shí),從心理層面上還會(huì)衍生出色彩的重量感、遠(yuǎn)近距離等心理感受,兩種不同的色彩相互搭配,通過(guò)彼此的比例大小關(guān)系會(huì)衍生出更多復(fù)雜的影響。

雙色互補(bǔ)

將色環(huán)上處于180°相對(duì)而存在的色彩進(jìn)行搭配,這兩種色彩在視覺(jué)上形成互補(bǔ)關(guān)系。我們知道色彩并不能簡(jiǎn)單陳述為紅色、藍(lán)色,因此在相對(duì)的關(guān)系上也不能簡(jiǎn)單就概括紅與藍(lán)是互補(bǔ)這樣籠統(tǒng)的結(jié)論,因?yàn)閷?shí)際上紅色和藍(lán)色的色調(diào)都高低明暗種類繁多。而我們知道處于相對(duì)180°位置的一組色彩其本身相互補(bǔ)充又相互制衡的關(guān)系,在實(shí)際運(yùn)用中會(huì)催生一種平衡的視覺(jué)滿足感。我們要做的依然是從情感上而非理性層面打開(kāi)視覺(jué)的脈輪。

互補(bǔ)色處于色環(huán)上兩兩相對(duì)的位置,網(wǎng)頁(yè)設(shè)計(jì)中通常使用其中一個(gè)色彩作為主色或背景色,另一個(gè)作為強(qiáng)調(diào)色或襯托色而加以運(yùn)用:

當(dāng)背景色為藍(lán)色的同時(shí),以橙色作為強(qiáng)調(diào)色,藍(lán)色和橙色為一組互補(bǔ)色:

雙色互補(bǔ)在運(yùn)用面上并非對(duì)半平分,而是有選擇的采取一主一輔有機(jī)結(jié)合的方式,這樣有利于突出色彩的性格主題。

三色對(duì)比

處于色環(huán)上距離彼此120°位置的三種色彩,兩兩之間彼此為對(duì)比色,而這三種色彩的搭配也會(huì)形成非常和諧的組合。

此外,另有一類三色組合,是以其中兩種色彩彼此距離60°,第三種色位于它們相對(duì)180°位置上。利用前兩種色彩共同的力量而和另一個(gè)色彩形成相互制衡的關(guān)系,同樣能催生出另一種和諧。

三色對(duì)比有兩種情況,一種是在色環(huán)上選取彼此間隔120°的色彩,另一種是有某個(gè)色彩與其他兩個(gè)色彩保持180°相對(duì)的關(guān)系:

當(dāng)然,在網(wǎng)頁(yè)設(shè)計(jì)中,挑選三種色彩運(yùn)用到頁(yè)面中,要主要對(duì)配圖本身色彩加以控制,否則容易讓頁(yè)面顯得凌亂。尤其是輕質(zhì)風(fēng)格的設(shè)計(jì)中,色彩盡量予以控制在三種以內(nèi),如果要選擇這類配色法,應(yīng)該盡量選擇明度較高、飽和度較低的色彩,沖淡色彩彼此的強(qiáng)烈沖擊。最好的辦法仍然是以某一個(gè)色彩作為主色,其他兩種色彩起強(qiáng)調(diào)、對(duì)比的作用。

網(wǎng)頁(yè)設(shè)計(jì)選用藍(lán)色、紫紅和粉紅的三色搭配,運(yùn)用了三色對(duì)比,看上去色彩協(xié)調(diào)、活潑。網(wǎng)頁(yè)所采用的插畫(huà)配圖也遵循總的配色規(guī)律,保持了頁(yè)面配色風(fēng)格的統(tǒng)一性:

沒(méi)有運(yùn)用配圖的時(shí)候,整個(gè)頁(yè)面回歸到極簡(jiǎn)的狀態(tài),這時(shí)運(yùn)用純色對(duì)比,就是運(yùn)用色彩本身的魅力來(lái)感染用戶。可以說(shuō),這樣的配色方式比較安全,讓審美變得更加純粹。

頁(yè)面被三種色彩均等分布,呈現(xiàn)出非常嚴(yán)格的平衡感:

就像我們?cè)?jīng)說(shuō)過(guò),對(duì)單個(gè)頁(yè)面來(lái)說(shuō),網(wǎng)頁(yè)設(shè)計(jì)會(huì)有個(gè)全局的概念。有時(shí)候,網(wǎng)頁(yè)中一個(gè)頁(yè)面,或者一屏就可以被看作一件平面作品。所謂"三色"可以是從整個(gè)網(wǎng)頁(yè)出發(fā),也可以是從一個(gè)屏幕上來(lái)看。即使我們發(fā)現(xiàn)有的網(wǎng)頁(yè)運(yùn)用了不止三種顏色,但在一個(gè)屏幕中所出現(xiàn)色彩仍然控制在了三色對(duì)比的狀態(tài)。網(wǎng)頁(yè)的動(dòng)態(tài)效果更是為配色的多變性增加了更多的靈動(dòng)空間。

為了體現(xiàn)出嬰兒系列產(chǎn)品品牌的活潑童趣,運(yùn)用多種色彩可以表現(xiàn)出五彩繽紛,而選用粉嫩的色調(diào)則強(qiáng)調(diào)了初生嬰兒的柔和感。頁(yè)面選用了藍(lán)色、紫色、綠色等色彩作三色調(diào)和,往下拖動(dòng)時(shí),粉紅色的出現(xiàn)讓頁(yè)面轉(zhuǎn)向了更加溫柔的氛圍,卻又與原有色彩無(wú)沖突:

一屏一色

我們從一個(gè)屏幕的視覺(jué)出發(fā),而非從全局來(lái)看,一個(gè)屏幕運(yùn)用一個(gè)單色進(jìn)行搭配,是行之有效的極簡(jiǎn)風(fēng)格配色法。它很好的解決了色彩單一的問(wèn)題,與此同時(shí),整個(gè)網(wǎng)頁(yè)依然保有豐富多彩的色彩印象。這類配色技巧在許多展示類的網(wǎng)頁(yè)中常見(jiàn)。

每一個(gè)頁(yè)面只運(yùn)用一種主色,雖然整個(gè)頁(yè)面由多色組成,但色彩與色彩之間呈現(xiàn)出了豐富的動(dòng)態(tài)的和諧關(guān)系:

每一屏運(yùn)用不同的背景色,配圖以及網(wǎng)頁(yè)元素的色彩,比如橙色的按鈕和配圖與背景色相協(xié)調(diào):

網(wǎng)頁(yè)中的頁(yè)面切換也非常靈活,可以通過(guò)鼠標(biāo)滾動(dòng)實(shí)現(xiàn),還能通過(guò)切換按鈕切換主題畫(huà)面,也能達(dá)到一屏一色的目的。

EXTET.R的首頁(yè)設(shè)計(jì)非常巧妙地安排了一個(gè)類似時(shí)鐘一樣的圓形滾動(dòng)播放主屏畫(huà)面,畫(huà)面采用不同的背景色和不同的展示主題。造型別致新穎:

大多時(shí)候,多色配色時(shí)所選用的配圖應(yīng)該盡量保持不驚擾原有配色的氛圍,或根據(jù)配圖來(lái)決定網(wǎng)頁(yè)的配色方案。

顏色與顏色搭配絕不是簡(jiǎn)單相加,而是運(yùn)用色彩的特性,作出更加豐富的加減乘除,其結(jié)果不是得到另一個(gè)單一的色彩感受,而是綜合其上的視覺(jué)效果和情感體驗(yàn)。與其說(shuō)色彩像幻術(shù)一樣無(wú)法抓取,不如說(shuō)對(duì)于配色,忘掉條條框框的理性分析,或許能得到更多。

版權(quán)說(shuō)明:本文節(jié)選自《輕設(shè)計(jì)——網(wǎng)頁(yè)設(shè)計(jì)中的輕奢主義與禪意思維》,購(gòu)買地址:https://item.jd.com/12087863.html

相關(guān)文章

最新評(píng)論