網頁設計之色彩搭配

1、網頁設計之色彩網頁設計之色彩目錄n色彩的基本知識p 色彩的形成p色彩的分類p色彩的構成元素p色相環(huán)p冷暖色系p同一色系p色相環(huán)色相關系p色彩的感覺p色彩的意向n網頁色彩搭配p顏色在網站中的運用p網頁色彩搭配原理p色彩使用技巧p色彩使用忌諱p大公司網站顏色使用例子色彩基本知識色彩的形成紅、綠、藍三種波長的光是自然界所有顏色的基礎，光譜 中的所有顏色都是由這三種光的不同強度構成。這三種光本身各自獨立，其中任何一種都不能由其余兩種光混合產生。所以我們把這三種顏色的光稱為“色光三原色”“三原色”色彩是光照射在物體上而反射到人眼的一種視覺效應。我們日常所見到的白光，實際是由紅、綠、藍三種波長的光組成，物

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

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

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

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

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

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

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

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

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

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

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