巨群資訊

網站設計 基礎－色彩理論

在色彩學中無邊無際，所以我們會專注在網站設計中的UI設計，這樣我們將色彩理論分為三部分：

對比色(Constract)──每個色彩都有其對比色，對比度遠超過其他任何色彩。你可以使用下面的色輪選定一個色塊，色塊的對比色就在他的正對面。

互補色(Complementation)──顏色並不總是相互矛盾，互補色襯托彼此，讓色彩看起來更亮眼。在色輪中，他們互相在隔壁。如紫色的互補色為藍色和粉紅色。

顏色的活力(Vibrancy)──每個顏色蘊含不同情感，較亮的暖色調(紅橙黃)往往更激勵人心，而較暗的冷色調(藍綠紫)往往更令人放鬆。新聞網站CNN採用紅色的橫幅在他們的網站頂部，感覺更顯眼並增加警覺感。

色彩理論在 網頁設計 中不僅僅是視覺上的裝飾，在你的企業中有個可以「改變遊戲規則」的影響。如果你不相信，下篇文章人育資訊將會告訴您。

顏色的活力─色彩的感情蘊含

情緒和色彩間的聯繫是不可否認的。事實上，在中世紀人類就已經記錄色彩在心理學上的影響。在設計網站時，可以多多嘗試，正確的顏色將讓你的網站營造出合適的情緒和氛圍。

但是請注意，世界各地因不同的文化，在顏色的感知上也有所不同，此篇描述以西方文化對顏色如何看待為主。

紅色

red-在網站設計中放對顏色

含意：力量、重要、年輕

紅色是最刺激的顏色，代表激情和力量。紅色往往可以吸引最多的關注，這就是為什麼紅色常常用於警告、通知和救護車上。

紅色用在No Way NSA非常的適合。此網站的目的在警報由國家安全局所發出的安全威脅。在一頁式網站的第一部分使用紅色特別聰明，因為他除了提醒注意主要消息並引起「走出危險區」的反應，而向下滾動，讓使用者接觸更多內容。

然而，使用紅色也可能對你不利。因為紅色可以煽動憤怒，或者是過度的刺激。若你想營造舒適的氛圍，最好不要使用他。

橙色

fanta-在網站設計中放對顏色含意：親合、能量、獨特橙色是最溫暖的色調。作為主色調可以代表活力和參與，而作為次色調也可以較不顯眼的方式保留這些屬性。並且，橙色也有助於創造運動和能量的感覺。

橙色也可以成為品牌風格的一部份，橙色在芬達和卡通網站都有很好的表現。橙色展現獨特創造力，同時也保留了親和力。

黃色

yellow- 在網站設計中放對顏色含意：快樂、熱情、好奇黃色是比較通用的顏色之一，並且因為陰影有不同的感覺。明亮的黃色是最有活力的顏色，並且沒有像紅色的警告意 味。中間色調的黃色賦予舒適感，並且令人感到振奮。暗色調的黃色散發著活力、好奇的氛圍和權威，例如國王的黃金皇冠總是給人威嚴的感覺。

網頁設計公司 Flash Media的例子中，暗黃色散發著活力和權威。這讓公司看起來價值提升，並且更為專業。

綠色

green- 在網站設計中放對顏色含意：穩定、環保、成長綠色作為冷色調和暖色調之間的橋樑，並較趨近於冷色調。這意味著綠色，有著像藍色一般放鬆的效果，但也保留了 一些黃色活力的特質。因此，他營造了一個非常平衡穩定的氛圍。可以透過Ameritrade，看出暗色調的綠色散發出金錢與豐足的感覺。

藍色

blue- 在網站設計中放對顏色含意：平靜、安全、開放(淺藍)、可靠(深藍)如同黃色，藍色的含意與陰影有很大的關係。所有的藍色代表放鬆和安全，但較淺的藍色顯 得更友好，而較暗的藍色顯得更憂鬱。像Facebook、Twitter等社交媒體網站利用淺色調或中色調的藍色，而企業網站則偏向使用深藍色顯得較強健 可靠。事件設計公司Van Vliet & Trap巧妙的運用深藍色，利用藍花背景，在視覺上暗示其在花藝設計上有著專業知識，同時也散發著可靠和可以信任。跟花藝設計有什麼關係？的確有關係，此 公司專門計畫像婚禮這樣既大型又重要的宴會場合。

紫色purple-在網站設計中放對顏色

含意：奢華、浪漫(淺紫)、神秘(暗紫)紫色在歷史上與皇室有所關連，所以紫色保留奢華的基調，有時甚至奢華到頹廢的地。因此紫色成為時尚精品、奢侈品甚至巧克力品牌的熱門選擇。像薰衣草較淺的紫色，被認為是較浪漫的，而較暗色調看起來則更加豪華和神祕。

黑色black-在網站設計中放對顏色

含 意：力量、急躁、精緻、邪惡黑色是最強的中性色彩，黑色，幾乎存在於每個網站。黑色可以有不同的特性，取決於其配套的顏色。因為黑色是最強的中性色彩，通 常是給一大段文字中顏色最好的選擇。在作為主色調時，能給予急躁、精緻甚至邪惡的印象對於大多數網站，黑色常用於營造在精緻和永恆的瞬間。像Dream and Reach，當以白色字體襯托，並以簡潔設計時，優雅的感覺會特別強烈。

白色white-在網站設計中放對顏色

含意：潔淨、美德、簡約白色在西方社會，是與純真、美德等關連的顏色。極簡化的網站常以白色為背景。上圖為Kaloian Toshev得獎的作品，更以白色背景吸引你，他充滿活力的藝術作品，同時營造高雅的光環。灰色grey-在網站設計中放對顏色

含意：中立、憂鬱在某些情況下，灰色給人憂鬱和悲傷的感覺，灰色也是專業和傳統的熱門選擇。然而，灰色最大的優勢是，透過陰影改變其他顏色色調。awwwards透過與明亮配對，並透過扁平化設計，感覺現代感十足而非給人陰沉的感覺。

米色beige-在網站設計中放對顏色

含意：依據周圍色彩

米 色其主要用途是繪製出其他顏色。就其本身而言，米色顯得呆板，雖然這可以被用來象徵謙虛。然而，米色需要周圍的顏色的特性使其更「有趣」。因此，米色幾乎 總是背景色。如 Dishoom營造一個樸實、像紙一般的質感，令人感覺新鮮，並且以陰影環繞品牌名稱，幫助餐廳創建出摩登、美味的感覺。

象牙色ivory-在網站設計中放對顏色

含意：舒適、優雅、簡約在情緒反應方面，象牙色和奶油色是白色的細微變化。象牙色較暖，使他更為舒服和簡約，如 art in my coffee的網站設計。

參考文獻：

1.李俊宏（1995）。網頁設計原則的研究一以大專院校首頁設計為例。雲林技術學院 程式設計 研究所碩士論文，未出版，雲林。

2.王育民、王怡舜 (1999), 行銷策略導向之旅館業網際網路服務內容規劃與設計, 第五屆服務管理研討會, 台北市, .

3.林隆儀、林岳民 (2005), 廣告比較策略與廣告訴求方式對購買意願的影響-產品涉入之干擾效果, 企業管理學報, 65(), 1-30.

資料來源：thenextweb

http://www.piece2ec.com.tw/news.asp?ID=2023