Transcript 網頁色彩學- 以配色及色相來分析網站的設計

※在實用美術中，常有”遠看色彩近看花，
先看顏色後看花，七分顏色三分花”的說
法。
※這也就說明，在任何設計中，色彩對視覺
的刺激起到第一信息傳達的作用。因此，
對色彩的基礎知識的良好掌控，在網頁設
計中才能做到游刃有余。
※常用配色的基本概念：
色環：
是色彩按紅、黃、綠、
藍、紅依次過度漸變
呈現出來的不同顏色，
就可以得到一個色彩
環。色環通常包括12
種不同的顏色。
色環
原色：
三原色
也叫"三原色"。即紅、黃、藍
三種基本顏色。自然界中的色
彩種類繁多，變化豐富，但這
三種顏色卻是最基本的原色，
原色是其他顏色調配不出來的。
除白色外，把三原色相互混合，
可以調和出其他種顏色。
根據三原色的特性做出相應的
色彩搭配，有最迅速最有力最
強烈的傳達視覺信息效果。
色彩的三屬性：色相
色相：色彩的名稱；如紅色、黃色、藍色
會因波長不同的光線，而產生出不一樣的
顏色。
色相的關係
黃色
黃色是陽光的色彩，具有活潑與輕快的特點，給人十分
年輕的感覺。象徵光明、希望、高貴、愉快。它的亮度最高，
和其他顏色配合很活潑，有溫曖感，具有快樂、希望、聰明
和輕快的個性，有希望與功名等象徵意義。黃色也代表著土
地、象徵著權力，並且還具有神秘的宗教色彩。
黃色的性格冷漠、高傲、敏感、具有擴張和不安寧的視
覺印象。
淺黃色系明朗、愉快、希望、發展，它的雅致，清爽屬
性，較適合用於女性及化妝品類網站。
中黃色有崇高，尊貴，輝煌、注重、擴張的心理感受。
深黃色給人高貴、暖和、內斂、穩重的心理感受。
黃色在三原色中也是亮度最高的顏色，頁面色彩強烈艷
麗，給人視覺產生強烈刺激的狀態，對視覺刺激是迅速的、
警戒、醒目的效果，但不易於長時間觀看。
黃色
紅色
紅色的色感暖和，性格剛烈而外向，是一種對人刺
激性很強的顏色。紅色輕易引起人的注重，也輕易使人
興奮、激動、緊張、衝動、還是一種輕易造成人視覺疲
憊的顏色。是最鮮明生動的、最熱烈的顏色。因此紅色
也是代表熱情的情感之色。
紅色在不同的明度、純度的狀態（粉紅、鮮紅、深
紅）裡，給人表達的情感是不一樣的。
在網頁顏色的應用純粹使用紅色為主色調的網站相
對較少，多用於輔助色、點睛色，達到陪襯、醒目的效
果。通常都配以其他顏色調和。
紅色視覺傳遞速度最快。由於以上的這些紅色傳
達出的特性，因此人們喜歡用紅色作為警示符號的顏色，
例如：消防、驚嘆號、錯誤提示等等。
紅色
粉紅色
粉紅色主要是紅色系中的明度的高亮度
的變化。是紅色系裡的冷色系。以粉紅色為
主色調的頁面，女性主題內容特徵傾向明顯。
例如：化妝品、服裝等，鮮嫩而佈滿誘
惑，傳達著柔情、嬌媚、溫柔、甜蜜、純真、
誘惑的心理感受。
粉紅色
藍色
藍色是色彩中比較沉靜的顏色。象徵著永恒與
深邃、高遠與博大、壯闊與浩渺，是令人心境暢快的
顏色。藍色的樸實、穩重、內向性格，襯托那些性格
活躍、具有較強擴張力的色彩，運用對比手法，同時
也活躍頁面。另一方面又有消極、冷淡、保守等意味。
藍色與紅、黃等色運用得當，能構成和諧的對比調和
關系。
藍色是冷色調最典型的代表色，是網站設計中運
用得最多的顏色，也是許多人鐘愛的顏色。
藍色表達著深遠、永恒、沉靜、無限、理智、老
實、嚴寒的多種感覺。藍色會給人很強烈的安穩感，
同時藍色還能夠表現出和平、淡雅、潔凈、可靠等。
藍色
綠色
綠色在黃色和藍色（冷暖）之間，屬於較中庸的顏
色，綠色的性格最為平和、安穩、大度、寬容。是一種
柔順、恬靜、滿足、優美、受歡迎之色。也是網頁中使
用最為廣泛的顏色之一。
綠色與人類息息相關，是永恒的欣欣向榮是的自然
之色，代表了生命與希望，也充滿了青春活力，綠色象
徵著和平與安全、發展與生機、舒適與安寧、松弛與休
息，有緩解眼部疲勞的作用。
它本身具有一定的與自然、健康相關的感覺，所以
也經常用於與自然、健康相關的站點。綠色還經常用於
一些公司的公關站點或教育站點。
綠色
紫色
紫色是一種在自然界中比較少見的顏色。象徵著
女性化，代表著高貴和奢華、優雅與魅力，也象徵
著神秘與莊重、神聖和浪漫。另一方面又有孤獨等
意味。紫色在西方宗教世界中是一種代表尊貴的顏
色，大主教身穿的教袍便采用了紫色。
紫色的明度在有彩色的色度中是最低的。給人
一種沈悶、神秘的感覺。在紫色中紅的成份較多時，
顯得華麗和諧。紫色中加入少量的黑，沈重、傷感、
恐怖、莊嚴的感覺。紫色中加入白，變得優雅、嬌
氣，並充滿女性的魅力。
紫色通常用於以女性為對象或以藝術作品介紹
為主的站點，但都很少做大面積使用。
紫色
橙色
橙色具有輕快、歡欣、收獲、溫馨、時尚的
效果，是快樂、喜悅、能量的色彩。橙色具有
興奮度，是最耀眼的色彩。給人以華貴而溫暖，
興奮而熱烈的感覺，也是令人振奮的顏色。具
有健康、富有活力、勇敢自由等象徵意義，能
給人有莊嚴、尊貴、神秘等感覺。橙色在空氣
中的穿透力僅次於紅色，也是容易造成視覺疲
勞的顏色。
在網頁顏色裏，橙色適用於視覺要求較高
的時尚網站，屬於註目、芳香的顏色，也常被
用於味覺較高的食品網站，是容易引起食欲的
顏色。
橙色
灰色
灰色介於灰色和白色之間，中性色、中等明度、無
色彩、極低色彩的顏色。灰色能夠吸收其他色彩的活力，
削弱色彩的對立面，而制造出融合的作用。
灰色是一種中立色，具有中庸、平凡、溫和、謙讓、
中立和高雅的心理感受，也被稱為高級灰，是經久不衰、
最經看的顏色。
任何色彩加入灰色都能顯得含蓄而柔和。但是灰色
在給人高品味、含蓄、精致、雅致耐人尋味的同時，也
容易給人頹廢、蒼涼、消極、沮喪、沈悶的感受，如果
搭配不好頁面容易顯得灰暗。
從色彩學上來說，灰色調又泛指所有含灰色度的復
合色，而復合色又是三種以上顏色的調和色。色彩可以
有紅灰、黃灰、藍灰等上萬種彩色灰，這都是灰色調，
而並不單指純正的灰色。
灰色
黑色
黑色是暗色，是純度、色相、明度最低的非彩
色。象徵著力量，有時感覺沈默、虛空，有時感覺
莊嚴肅穆，有時又意味著不吉祥和罪惡。自古以來，
世界各族都公認黑色代表死亡、悲哀黑色具有能吸
收光線的特性，別有一種變幻無常的感覺。
黑色能和許多色彩構成良好的對比調和關系，
運用範圍很廣。
黑色給人深沈、神秘、寂靜、悲哀、壓抑的感
受。
黑色是最有力的搭配色。
黑色也常用來表示英俊的男人。
黑色
白色
白色物理亮度最高，但是给人的感覺卻偏冷。白
色是最常用的網頁背景色，在白色的衬托下，大多数
色彩都能取得良好的表現效果。白色给人的感覺是洁
白、明快、纯粹、客觀、真理、正義、光明。
白色是大多數瀏覽器和設計工具的默認背景，這
是導致白色背景泛濫的主要原因。
總之，带有色相属性的較亮色是白色的最佳替代
色彩。越簡單表達越清晰，因此這樣的頁面是最具風
格化的。
白色
青色
青色是綠色和藍色加色混合而成的間色。由於綠
色和藍色識別範圍寬泛，因此青色相的範圍顯得比較
狹窄。青色是中性偏冷的色彩，色彩感情消極的一面
稍多，使用不好容易使瀏覽者心情沮喪。
青色特徵如下：
1、高飽和度、高亮度的青色給人以刺眼、酸澀、
嫉妒的感覺。
2、低飽和度、高亮度的青色給人以淡漠、高潔、
秀氣的感覺。
3、高飽和度、低亮度的青色給人以頑強、冷硬、
陰森、莊嚴的感覺。
4、低飽和度、低亮度的青色給人以灰心、衰退的
感覺。
青色
參考資料
1.http://mid.lt263.com/mb/jiaocheng/wangyepeise/index.html
2.http://c.chinavisual.com/2011/03/11/c75547/index.shtml
3.http://bbs.yssoft.net/viewthread.php?tid=9905
4.http://14195595.blog.hexun.com.tw/63840890_d.html
5.http://liyiye.iteye.com/blog/243733
6.http://www.hcreativos.com/es