網(wǎng)頁(yè)設(shè)計(jì)之色彩搭配

1、網(wǎng)頁(yè)設(shè)計(jì)之色彩網(wǎng)頁(yè)設(shè)計(jì)之色彩目錄n色彩的基本知識(shí)p 色彩的形成p色彩的分類p色彩的構(gòu)成元素p色相環(huán)p冷暖色系p同一色系p色相環(huán)色相關(guān)系p色彩的感覺p色彩的意向n網(wǎng)頁(yè)色彩搭配p顏色在網(wǎng)站中的運(yùn)用p網(wǎng)頁(yè)色彩搭配原理p色彩使用技巧p色彩使用忌諱p大公司網(wǎng)站顏色使用例子色彩基本知識(shí)色彩的形成紅、綠、藍(lán)三種波長(zhǎng)的光是自然界所有顏色的基礎(chǔ)，光譜 中的所有顏色都是由這三種光的不同強(qiáng)度構(gòu)成。這三種光本身各自獨(dú)立，其中任何一種都不能由其余兩種光混合產(chǎn)生。所以我們把這三種顏色的光稱為“色光三原色”“三原色”色彩是光照射在物體上而反射到人眼的一種視覺效應(yīng)。我們?nèi)粘Ｋ姷降陌坠?，?shí)際是由紅、綠、藍(lán)三種波長(zhǎng)的光組成，物

2、體經(jīng)光源照射，吸收和反射不同波長(zhǎng)的紅、綠、藍(lán)光，經(jīng)由人的眼睛，傳到大腦形成了我們看到的各種顏色，也就是說(shuō)，物體的顏色就是它們反射的光的顏色。色彩的分類色彩的構(gòu)成元素色相 色彩的相貌，類似于人名，確切地表示某種顏色色別的名稱。如：中國(guó)紅，軍綠色等明度 顏色明暗深淺表現(xiàn)，各種顏色的不同明度。黃色明度最高，藍(lán)紫色最低，紅色為中間明度 顏色越淺 明度越高 顏色越深 明度越低色彩的構(gòu)成元素純度（彩度、飽和度） 色彩的純凈程度，鮮艷程序，表示顏色中含有色部份的比例 純色+白色 明度 越高 飽和度越低 純色+黑色 明度越低 飽和度越低 純色+灰色 明度不變 飽和度越低色調(diào)：色相、明度、飽和度結(jié)合 到一起,分

3、有彩色、無(wú)彩色 純色+白色 淺色調(diào) 粉彩色調(diào) 純色+黑色 深色調(diào) 暗色調(diào) 純色+灰色 濁色調(diào) 淺灰色調(diào)色相環(huán)色相環(huán)，是以三原色為基礎(chǔ)并把它做為主要色相，再兩兩混合成次要色相，兩種次要色相混合，衍生而成（我們一般說(shuō)的12色相環(huán)和24色相環(huán)就是如此）冷暖色系產(chǎn)生于人們生活經(jīng)驗(yàn)與直接聯(lián)想同一色相中 明度越高，越冷 明度越低，越暖色相環(huán) 暖色系： 紅橙黃 冷色系： 藍(lán)綠紫 中間色：黑白灰同一色系 同一色相 不同明度 飽合度呈現(xiàn)現(xiàn)的色彩（同一色系色彩進(jìn)行配色最安全配色）色相環(huán)色相關(guān)系類似色 30-60度間的色彩臨近色 左右相臨的色彩對(duì)比色 120-150度色彩 差異很明顯，注意顏色面積，比例，明 度，飽

4、和度上的配置，才能顯現(xiàn)出活潑， 輕快的感覺互補(bǔ)色 180度對(duì)角位置 色彩的感覺色彩冷暖感覺 明度越高 越冷 如 粉紅深藍(lán) 清涼 也與配色面積有關(guān) 較小黃配冷 冷 較小黃配暖色 暖色彩的聯(lián)想，可以是具體的，也可以想象的，因每個(gè)人生活的經(jīng)歷等不同產(chǎn)生的聯(lián)想也不同，以大多數(shù)人的聯(lián)想為依據(jù)，這樣所產(chǎn)生的形象誤差會(huì)比較小聯(lián)想所產(chǎn)生的心理感覺 比如冷 、熱（以大多數(shù)人為主）色彩的感覺色彩輕重感覺 明度越高 越輕 明度越低 越重 明度高，飽和度越低 越輕 明度低，飽和度越高 越重 冷輕- 暖重 女性網(wǎng)站 輕 溫柔可愛 男性網(wǎng)站 重 穩(wěn)重可靠色彩爽朗郁悶感覺 暖 爽朗 冷 郁悶 明度 越高 爽朗 明度 越低

5、郁悶 白色 爽朗 黑色 郁悶 色彩的感覺色彩興奮沉積感 興奮感覺 讓心情沉穩(wěn) 暖興奮 冷 沉穩(wěn) 明度越高 越興奮 越低越沉穩(wěn) 飽和度越高 越興奮 越低越沉穩(wěn)色彩華麗樸實(shí)感 飽和度越低越樸實(shí) 越高越華麗 色調(diào) 低明度暗色調(diào)與深 色調(diào) 樸實(shí) 高明度純色調(diào)為主 華麗色彩酸甜苦辣色彩的感覺色彩的酸甜苦辣 酸：藍(lán)、綠、黃、橙黃 甜：黃、橙、粉紅 、乳白 苦： 棕色、黑褐色、灰黑色 辣：紅，黃、黃綠、綠色彩的意向紅色是最具有視覺沖擊力的色彩；暗示速度和動(dòng)態(tài)；可以刺激心跳速度、加快呼吸、刺激食欲；紅色的衣服使人身形顯大；紅色的車最容易被偷紅色的具象聯(lián)想紅色的具象聯(lián)想火焰、鮮血、性、西紅柿、西瓜瓤、太陽(yáng)、紅旗

6、、口紅、中國(guó)國(guó)旗。紅色的正面聯(lián)想紅色的正面聯(lián)想激情、愛情、鮮血、能量、熱心、激動(dòng)、熱量、力量、熱情、活力。紅色的負(fù)面聯(lián)想紅色的負(fù)面聯(lián)想侵略性、憤怒、戰(zhàn)爭(zhēng)、革命、殘忍、不道德、危險(xiǎn)、幼稚、卑俗。紅色的文化域紅色的文化域在非洲，紅色代表死亡。 在法國(guó)，紅色代表雄性。 在亞洲，紅色代表婚姻、繁榮、快樂。 在印度，紅色是士兵的顏色。 在南非，紅色是喪服的色彩。色彩的意向紅色：熱情、活潑、熱鬧、革命、溫暖、吉祥、進(jìn)取、活力、忠誠(chéng)、危險(xiǎn)、警示、引起注意、禁止等。 色相：大紅、桃紅、玫瑰紅、磚紅橙色：光明、華麗、興奮、活力、快樂、警示、提醒等。 色相：大黃、檸檬黃、土黃、柳丁黃、米黃綠色：和平、寧?kù)o、環(huán)保、

7、通暢、正確、柔和、青春、安全、理想等。 色相：大綠、草綠、翠綠、橄欖綠、墨綠藍(lán)色：專業(yè)、睿智、科技、深遠(yuǎn)、永恒、城市 、樸實(shí)、寒冷、歷練等。 色相：湖藍(lán)、普藍(lán)、天藍(lán)、深藍(lán)色彩的意向紫色：高貴、神秘、優(yōu)雅、魅力、傲慢、柔軟。 色相：正紫、耦合、貴族紫、葡萄紫、深紫白色：純結(jié)、天真、空靈、明快、弱小、樸素、神圣、恐怖、無(wú)味等。 灰色：質(zhì)樸、睿智、大氣、謙遜、平凡、中庸、寂寞、猶豫、消極等。 色相：淺灰、中灰、深灰、老鼠灰、藍(lán)灰黑色：神秘、嚴(yán)肅、崇高、堅(jiān)實(shí)、詭異、黑暗、沉默、絕望、死亡、罪惡等。褐色：古樸、典雅、原始、古老、陳舊、穩(wěn)重、厚重等 色相：卡其、象牙白、可可、麥芽、焦炭、原木、茶色網(wǎng)頁(yè)色彩

8、搭配顏色在網(wǎng)站中的運(yùn)用顏色在網(wǎng)站中的運(yùn)用顏色能賦予網(wǎng)站以意義。無(wú)論你是否打算為他們加上某種意義，顏色本身就有許多特定的印象。用戶瀏覽網(wǎng)頁(yè)時(shí)，顏色幫助轉(zhuǎn)移用戶的視線，指引用戶怎么去瀏覽一個(gè)頁(yè)面。、在許多企業(yè)的網(wǎng)站中可以看出，顏色表達(dá)了情感和價(jià)值觀，向用戶展示著他們的公司是怎樣的、他們所售賣的產(chǎn)品是怎樣的。配對(duì)色的運(yùn)用能改變一個(gè)網(wǎng)站的意義。給以柔和的藍(lán)色為色調(diào)的、表達(dá)出平靜網(wǎng)站配上明亮的橙色，就能讓它變成讓人更多感受到興奮和趣味的網(wǎng)站。網(wǎng)頁(yè)色彩搭配原理色彩的鮮明性。網(wǎng)頁(yè)的色彩要鮮艷，容易引人注目色彩的獨(dú)特性。要有與眾不同的色彩，使得大家對(duì)你的印象強(qiáng)烈色彩的合適性。就是說(shuō)色彩和你表達(dá)的內(nèi)容氣氛相適合

9、。如用粉色體現(xiàn)女性站點(diǎn)的柔性。色彩的聯(lián)想性。不同色彩會(huì)產(chǎn)生不同的聯(lián)想。藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁(yè)的內(nèi)涵相關(guān)聯(lián)。色彩使用技巧黑白灰色彩的應(yīng)用 灰色是萬(wàn)能色，可以根任意一種色彩搭配， 對(duì)一些明度較高的網(wǎng)站，配以黑色，可以適當(dāng)?shù)亟档兔鞫取?白色是網(wǎng)站用的最普遍的一種顏色。很多網(wǎng)站甚至留出大塊的白色空間，作為網(wǎng)站的一個(gè)組成總部份。這就是留白藝術(shù)。很多設(shè) 計(jì)性網(wǎng)站較多運(yùn)用留白藝術(shù)。留白，給人一個(gè)遐想空間，恰當(dāng)?shù)牧舭讓?duì)于協(xié)調(diào)頁(yè)面的均衡起到相當(dāng)大的作用。 色彩使用技巧確定主題色 一個(gè)網(wǎng)站不可能單一的運(yùn)用一種顏色，讓人感覺單調(diào)、乏味；但是也不可能將所有的顏色都運(yùn)用到網(wǎng)站中，

10、讓人感覺輕浮，花哨。一個(gè)網(wǎng)站必須有一種或兩種主題色，不到于讓客戶迷失方向，也不至于單調(diào)、乏味。所以確定網(wǎng)站的主題色也是必需考慮的問題之一 色彩使用技巧用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽合度（將色彩加深或減淡），產(chǎn)生新的色彩。用于網(wǎng)頁(yè)。這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感色彩使用技巧用兩種色彩。先選定一種色彩，然后先擇它的對(duì)比色。比如藍(lán)色與黃色。這樣搭配可以使整個(gè)頁(yè)面色彩豐富但不花哨用一個(gè)色系。簡(jiǎn)單的來(lái)說(shuō)就是一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠，或者土黃，土灰，土藍(lán)。用黑色各一種顏色。比如：大紅的字體配黑色的邊框感覺很“跳”。色彩使用忌諱不要將所有顏色都用到，盡量控制在三種色

11、彩以內(nèi)背景和前文對(duì)比盡量要大，絕對(duì)不要用花紋繁復(fù)的圖案作背景，以便主要文字內(nèi)容根據(jù)文化背景適當(dāng)?shù)倪x擇顏色 黃色在信仰基督教的國(guó)家是下 等色。 大公司的網(wǎng)站中顏色運(yùn)用的例子大公司的網(wǎng)站中顏色運(yùn)用的例子耐克耐克耐克常常更新他們的網(wǎng)站，但通常還是黑色和灰色的色調(diào)，它通常是暗。黑色顯示著他們產(chǎn)品中的力量，留給大家他們向愛運(yùn)動(dòng)的顧客出售優(yōu)質(zhì)產(chǎn)品的印象。大公司的網(wǎng)站中顏色運(yùn)用的例子大公司的網(wǎng)站中顏色運(yùn)用的例子白宮白宮白宮的網(wǎng)站主要是白色和淺灰色，再加上一些藍(lán)色和紅色作強(qiáng)調(diào)色。白色象征著希望和自由，顯露出平安和純潔的價(jià)值。紅色和藍(lán)色當(dāng)然是美國(guó)的代表色，紅色代表著熱情和能量，藍(lán)色則代表著穩(wěn)定與和平。大公司的網(wǎng)

12、站中顏色運(yùn)用的例子大公司的網(wǎng)站中顏色運(yùn)用的例子亞馬遜亞馬遜亞馬遜的網(wǎng)站大多是白色的，白色有著最佳的對(duì)比度和可讀性。它還顯露出整潔性，讓用戶能自由地瀏覽網(wǎng)站。以橙色和藍(lán)色的強(qiáng)調(diào)色則讓用戶能感到安定、興奮，也讓他們期望找到最滿意的采購(gòu)。大公司的網(wǎng)站中顏色運(yùn)用的例子大公司的網(wǎng)站中顏色運(yùn)用的例子VerizonVerizon公司公司紅色是Verizon的企業(yè)品牌主色調(diào)，也是貫穿整個(gè)網(wǎng)站的顏色。紅色有助于刺激用戶的興奮性，展示出一個(gè)出售讓人興奮和快速更新的產(chǎn)品的公司形象。白色背景的運(yùn)用與亞馬遜類似，通過一個(gè)整潔有序的界面來(lái)幫助用戶閱讀這個(gè)網(wǎng)站。大公司的網(wǎng)站中顏色運(yùn)用的例子大公司的網(wǎng)站中顏色運(yùn)用的例子百思買百思買百思買的網(wǎng)站的色調(diào)是深藍(lán)色，顯露出他們?cè)陔娮邮袌?chǎng)中的穩(wěn)定和實(shí)力。顧客在百思買上的大量采購(gòu)使得他們需要安全感與平和感。黃色散發(fā)的快樂氣氛讓他們?cè)诓少?gòu)時(shí)感覺到興奮與趣味。大公司的網(wǎng)站中顏色運(yùn)用的例子大公司的網(wǎng)站中顏色運(yùn)用的例子嘉信理財(cái)嘉信理財(cái)嘉信理財(cái)是一家投資公司，在不穩(wěn)定的市場(chǎng)環(huán)境下他們需要讓消費(fèi)者在他們的網(wǎng)站上感受到平和。他們使用柔和的深藍(lán)色調(diào)來(lái)實(shí)現(xiàn)這一點(diǎn)，并建立起一種平靜、祥和的氣氛。中性的棕色則是另一種幫助協(xié)調(diào)偏激的用戶感受的企業(yè)色彩。橙色作為強(qiáng)調(diào)色，能讓用戶在買股票時(shí)產(chǎn)生興奮感