中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

【北京網(wǎng)頁(yè)設(shè)計(jì)】網(wǎng)頁(yè)設(shè)計(jì)師教你使用色相環(huán)配色方案

2022-05-27    分類: 網(wǎng)站建設(shè)

作為一名設(shè)計(jì)師,如果你還在說(shuō)出'這種顏色好看,那種顏色不好看'的話時(shí),這說(shuō)明你對(duì)顏色還沒(méi)有正確了解。在很多關(guān)于色彩文章中,都可以看到色相環(huán)的身影,它是我們選擇顏色的一個(gè)強(qiáng)有力的工具,如圖3-23所示。在本節(jié)中,將闡述這個(gè)色相環(huán)的基本原理,使讀者對(duì)顏色關(guān)系有一個(gè)更清晰的認(rèn)識(shí)。
圖3-23 色相環(huán)和色彩圖像


哪里有光,那里就有顏色。有時(shí)我們會(huì)認(rèn)為顏色是獨(dú)立的——這是藍(lán)色,那是紅色,但事實(shí)上,顏色不可能單獨(dú)存在,它總是與另外的顏色產(chǎn)生聯(lián)系,就象音樂(lè)的音符,沒(méi)有某一種顏色是所謂的'好'或'壞'。只有當(dāng)與其它顏色搭配作為一個(gè)整體時(shí),我們才能說(shuō),是協(xié)調(diào)或者不協(xié)調(diào)。色相環(huán)告訴我們顏色之間的相互的關(guān)系

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓3.3.1 色相環(huán)的構(gòu)成〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

白色光包含了所有的可見(jiàn)顏色,我們看到是由紫到紅之間的無(wú)窮光譜組成的可見(jiàn)光區(qū)域,就象你所看到的彩虹顏色。為了在使用顏色時(shí)更加實(shí)用,人們對(duì)它進(jìn)行了簡(jiǎn)化,將它們分為 12 種基本的色相,如圖3-24所示。
圖3-24 色相環(huán)的構(gòu)成


色相環(huán)由 12 種基本的顏色組成。首先包含的是色彩三原色(Primary colors),即紅、黃、藍(lán)。原色混合產(chǎn)生了二次色(Secondary colors),用二次色混合,產(chǎn)生了三次色(tertiary colors)。
原色是色相環(huán)中所有顏色的'父母'。在色相環(huán)中,只有這三種顏色不是由其它顏色混合而成。三原色在色環(huán)中的位置是平均分布的,如圖3-25所示。
圖3-25 三原色的分布
圖3-26 二次色的構(gòu)成

二次色所處的位置是位于兩種三原色一半的地方。每一種二次色都是由離它最近的兩種原色等量混合而成的顏色,如圖3-26所示。

三次色是由相鄰的兩種二次色混合而成,如圖3-27所示。
圖3-27 三次色的構(gòu)成


〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓3.3.2 色相環(huán)中的顏色特點(diǎn)〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

在色相環(huán)中的每一種顏色都擁有部分相鄰的顏色,如此循環(huán)成一個(gè)色環(huán)。共同的顏色是顏色關(guān)系的基本要點(diǎn),必須對(duì)此有深入的了解。

如圖3-28所示,在這七種顏色中,都共同擁有藍(lán)色。離藍(lán)色越遠(yuǎn)的顏色,如草綠色,包含的藍(lán)色就越少。綠色及紫色這兩種二次色都含有藍(lán)色。
圖3-28 包含藍(lán)色的色彩
圖3-29 包含黃色的色彩

如圖3-29所示,在這七種顏色中,都擁有黃色。同樣的,離黃色越遠(yuǎn)的顏色,擁有的黃色就越少。綠色及橙色這兩種二次色都含有黃色。

如圖3-30所示,在這圖七種顏色中,都擁有紅色。向兩邊散開(kāi)時(shí),紅色就含得越少。橙色及紫色這兩種二次色都含有紅色。
圖3-30 包含藍(lán)色的色彩
圖3-31 色相環(huán)的明暗變化

顏色有明暗之分,或者稱為顏色數(shù)值。為了顯示顏色的明暗,所以色相環(huán)有多個(gè)環(huán)。兩個(gè)外圍的大環(huán)是暗色,里面兩個(gè)小環(huán)是明色。
色相環(huán)有五個(gè)同心環(huán)組成,從暗到亮——暗色處于大環(huán),明色處于小環(huán),而中間是顏色的基本色相,如圖3-31所示。

如圖3-32所示,處于右邊的暗色就是加上黑色,而左邊的明色則是加上白色。五個(gè)圓環(huán)已經(jīng)清楚表示了顏色如何由暗到亮的過(guò)程,但這種明色及暗色的關(guān)系只是相對(duì)而言。
圖3-32 色彩的明暗變化


〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓3.3.3 色彩之間的關(guān)系〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

下面列出六種基本的色彩關(guān)系。每一種色彩關(guān)系都可以有無(wú)數(shù)種搭配的可能,當(dāng)你掌握它們時(shí),你對(duì)顏色的視野才會(huì)顯得開(kāi)闊。

3.3.3.1 單色搭配
一種色相由暗、中、明三種色調(diào)組成。這就是單色。單色搭配上并沒(méi)有形成顏色的層次,但形成了明暗的層次。這種搭配在設(shè)計(jì)中應(yīng)用時(shí),出來(lái)的效果永遠(yuǎn)不錯(cuò),其重要性也可見(jiàn)一斑,如圖3-33所示。
圖3-33 單色搭配

如圖3-34所示,為三星女性手機(jī)E578和E428的網(wǎng)站(http://cn.samsungmobile.com/cn/event/e428/index.htm)頁(yè)面截圖,網(wǎng)站使用同類藍(lán)色和青色的組合,給人以更寬廣,更開(kāi)放的印象。
圖3-34 三星女性手機(jī)E578和E428的網(wǎng)站網(wǎng)頁(yè)截圖


3.3.3.2 類比色搭配
相鄰的顏色我們稱為類比色。類比色都擁有共同的顏色。這種顏色搭配產(chǎn)生了一種令人悅目、低對(duì)比度的和諧美感。類比色非常豐富,在設(shè)計(jì)時(shí)應(yīng)用這種搭配同樣讓你輕易產(chǎn)生不錯(cuò)的視覺(jué)效果,如圖3-35所示。
圖3-35 類比色搭配

如圖3-36所示,為金戈鐵馬品牌推廣有限公司的網(wǎng)站頁(yè)面截圖(http://www.cndgl.com/web/main.htm),整個(gè)頁(yè)面使用了類比的紅色和黃色進(jìn)行搭配,給人大氣、有力量的印象。
圖 3-36 金戈鐵馬品牌推廣有限公司的網(wǎng)站頁(yè)面截圖


3.3.3.3 補(bǔ)色搭配
在色相環(huán)上直線相對(duì)的兩種顏色稱為補(bǔ)色,在上圖中,是橙色及藍(lán)色。補(bǔ)色形成強(qiáng)列的對(duì)比效果,傳達(dá)出活力、能量、興奮等意義。補(bǔ)色要達(dá)到好的效果,最好是其中一種面積比較小,另一種比較大。比如在一個(gè)藍(lán)色的區(qū)域里搭配橙色的小圓點(diǎn),如圖3-37所示。
圖3-37 補(bǔ)色搭配

如圖3-38所示,為韓國(guó)麥當(dāng)勞網(wǎng)站(http://www.mcdonalds.co.kr/bigmac/index.asp)頁(yè)面截圖,整個(gè)頁(yè)面紅色是主體,右側(cè)的綠色水杯與紅色進(jìn)行對(duì)比,使頁(yè)面變得更加有活力,栩栩如生。
圖3-38 韓國(guó)麥當(dāng)勞網(wǎng)站網(wǎng)頁(yè)截圖


3.3.3.4 分離補(bǔ)色搭配
如果我們同時(shí)用補(bǔ)色及類比色的方法來(lái)確定的顏色關(guān)系,就稱為分離補(bǔ)色。這種顏色搭配既具有類比色的低對(duì)比度的美感,又具有補(bǔ)色的力量感。形成了一種既和諧又有重點(diǎn)的顏色關(guān)系。如在上面三種顏色中,紅色就顯得更加突出,如圖3-39所示。
圖3-39 分離補(bǔ)色搭配

如圖3-40所示,為韓國(guó)百事可樂(lè)網(wǎng)站(http://www.pepsicola.co.kr/)網(wǎng)頁(yè)截圖,鮮艷的紅色在其準(zhǔn)對(duì)比色藍(lán)色的映襯下,顯得更加醒目。這不同于對(duì)比色的銳利感,而是一種穩(wěn)定的歡快的配色效果。紅色與藍(lán)色并不是對(duì)比色,只是在色相環(huán)上大致位于相反一側(cè)的色相。
圖3-40 韓國(guó)百事可樂(lè)網(wǎng)站網(wǎng)頁(yè)截圖


3.3.3.5 原色搭配
除了在一些兒童的產(chǎn)品中,三原色同時(shí)使用是比較少見(jiàn)的。但是,無(wú)論是在中國(guó)還是在美國(guó)的文化中,紅黃搭配都是非常受歡迎。紅黃搭配應(yīng)用的范圍很廣——從快餐店到加油站,我們都可以看見(jiàn)這兩種顏色同時(shí)在一起。藍(lán)紅搭配也很常見(jiàn),但只有當(dāng)兩者的區(qū)域是分離時(shí),才會(huì)顯得吸引人,如果是緊鄰在一起,則會(huì)產(chǎn)生沖突感,如圖3-41所示。
圖3-41 原色搭配

如圖3-42所示,為個(gè)人網(wǎng)站色爵2008(http://www.duboo.cn/home.html)網(wǎng)頁(yè)截圖,整個(gè)網(wǎng)站用紅色和黃色的原色進(jìn)行配色,給人以穩(wěn)重的印象。即使使用了鮮艷的紅色,也能保存平衡感。
圖3-42 色爵2008網(wǎng)頁(yè)截圖


3.3.3.6 二次色搭配
二次色之間都擁有一種共同的顏色——其中兩種共同擁有藍(lán)色,兩種共同擁有黃色,兩種共同擁有紅色——所以它們輕易能夠形成協(xié)調(diào)的搭配。如果三種二次色同時(shí)使用,則顯得很舒適、吸引,并具有豐富的色調(diào)。它們同時(shí)具有的顏色深度及廣度,這一點(diǎn)在其它顏色關(guān)系上很難找到,如圖3-43所示。
圖3-43 二次色搭配

如圖3-44所示,為韓國(guó)cinus娛樂(lè)網(wǎng)站網(wǎng)頁(yè)截圖(http://www.cinus.co.kr/),網(wǎng)站使用了二次色搭配,給人時(shí)尚、活力的印象。
圖3-44 韓國(guó)cinus娛樂(lè)網(wǎng)站網(wǎng)頁(yè)截圖


3.3.3.7 全色相搭配
從色相環(huán)上取出所有的色相,開(kāi)放、熱鬧、像節(jié)日一樣的配色就產(chǎn)生了,如圖3-45所示。全色相給人帶來(lái)可以隨時(shí)參與進(jìn)去的氣氛,這恰好是適合節(jié)日氣氛的色相。
圖3-45 全色相

如圖3-46所示,為網(wǎng)絡(luò)游戲'生肖傳說(shuō)'網(wǎng)站(http://www.12ha.com/)首頁(yè)截圖,頁(yè)面顏色豐富多彩,給人以熱鬧、開(kāi)放的印象。
圖3-46 網(wǎng)絡(luò)游戲'生肖傳說(shuō)'網(wǎng)站首頁(yè)截圖


即使是相同的色相,排列的順序不同,效果也會(huì)大不一樣,如圖3-47所示。
圖3-47 按照色相的順序排列

如圖3-48所示,為國(guó)外某個(gè)人設(shè)計(jì)工作室網(wǎng)站(http://www.lucas-ortega.com.ar/)網(wǎng)頁(yè)截圖。整個(gè)頁(yè)面色彩沿著色相環(huán)的順序進(jìn)行排列,就是人們一般所說(shuō)的彩虹色的色相順序,具有強(qiáng)調(diào)秩序、集中性好、成熟的印象。
圖3-48 國(guó)外某個(gè)人設(shè)計(jì)工作室網(wǎng)站頁(yè)面截圖


相反地,把各種色相大亂規(guī)律任意排列,就形成了節(jié)日般的、開(kāi)放性的配色效果,如圖3-49所示。
圖3-49 任意排列的色相

如圖3-50所示,為俄語(yǔ)的音樂(lè)娛樂(lè)網(wǎng)站(http://alisa.mtv.ru/)頁(yè)面截圖,整個(gè)頁(yè)面使用了多種色相,并且任意進(jìn)行排列,給人開(kāi)放性的自由和熱鬧的感受。
圖3-50 俄語(yǔ)音樂(lè)娛樂(lè)網(wǎng)站頁(yè)面截圖

標(biāo)題名稱:【北京網(wǎng)頁(yè)設(shè)計(jì)】網(wǎng)頁(yè)設(shè)計(jì)師教你使用色相環(huán)配色方案
鏈接分享:http://m.rwnh.cn/news34/159834.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、品牌網(wǎng)站設(shè)計(jì)網(wǎng)站策劃外貿(mào)建站、搜索引擎優(yōu)化關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)
南川市| 六枝特区| 江口县| 浑源县| 靖西县| 渭源县| 托里县| 伊吾县| 大冶市| 宜良县| 吉林市| 临夏市| 隆昌县| 楚雄市| 巍山| 鄯善县| 军事| 科尔| 东兴市| 肃北| 萍乡市| 嘉荫县| 巩义市| 纳雍县| 咸宁市| 驻马店市| 灌云县| 百色市| 盐边县| 福海县| 青神县| 阜康市| 孝昌县| 雷波县| 南平市| 横山县| 张北县| 堆龙德庆县| 融水| 西安市| 无为县|