網頁美工設計

網頁設計如何配色?專業設計師告訴你

編輯：時間：2016-03-29 16:28:13

　　顏色在不同文化背景下有不同的含義，在網站設計中，我們需要小心謹慎地運用色彩。來自Yahoo的專業設計師Cindy Li為我們生動地介紹了這方面的一些知識，對你今后的網站設計不無裨益。原文作者：Cindy Li，圖來源：Mike Chipperfield，原譯者surestar，譯文已由茂趣創意校正。

　　大約10歲的時候，我去迪斯尼米高梅影城游玩。突然，我瞥見了一幅巨大的墻繪，那是用深淺不一、繽紛多彩的顏料繪制而成的。借用這些顏料，藝術家讓生活變得生氣勃勃。我在那一刻便意識到了我的命運從此注定：我是名設計色彩“極客”。

　　我喜歡將自己沉浸在色彩之中，因為那讓我興奮不已。色彩能讓你體味到情感，這實在是妙不可言;當人們注視著湛藍的天空時，你能覷見他們臉上洋溢的那份快樂，或者，當某人在情人節收到一個紅色信封時，你會感覺到他渾身散發的那股柔情。經由聯想或文化影響，色彩有了含義。

　　關于顏色的思考(Thinking about colour)

　　我做設計的時候，會花些時間思考為何我要用這種特定的顏色。我考慮與之關聯的文化影響，考慮它是否有何含意超出了我們社會的接受程度。之所以要考慮這些，是因為作為web設計者，我明白我的選擇將會被成千上萬乃至數百萬的人看到。許多網站在頁面語言的國際化上下了不少功夫，但他們是否真對顏色有所斟酌呢?顏色傳遞含義，而我們的假設常常是錯誤的。

　　以婚慶網站為例。在西方文化里，新娘常穿著白色禮服，因而將那種鮮艷的純白色納入網站設計就很常見。然而，在中國，選擇紅色會更為合適，因為白色是哀悼的顏色。在中國文化里，紅色意味著好運、福氣和愛情。加上幾抹黃色，你可以暗示高貴和財富。

　　既然顏色的含義存在各種文化差異，你也許很想知道顏色選擇的“羅塞塔石碑”(譯注：比喻解開神秘之謎的線索)是什么。一般來說，藍色和紫色是設計中用起來最放心的顏色。藍色通常用于傳遞積極的信息——樂觀、快樂與信心。不過，雖然這一規則適用于絕大多數國家，但像印度和日本這樣的國家還是賦予了藍色截然不同的含義。在印度，藍色是哀悼的顏色，而在日本，藍色表示邪惡。

　　另外一種認為安全的顏色是紫色。一般而言，紫色與高貴和財富相關，這是由古代淵源流傳下來的，當時紫色是社會地位的一種象征。歷史告訴我們，這是因為紫色染料得自海螺，它在陽光下不會褪色，相反，它會變得更明亮，在日曬雨淋之下尤為鮮艷。然而，在泰國，人們卻有著別樣的觀念，他們將紫色用作哀悼的顏色。

　　令我大感驚訝的是，這么多國家使用不同的顏色來表達對所愛之人過世后的悲慟之情。在美國和英國，傳統上用黑色，但是我們在此會看到全世界存在如許多的差異。我準備了一份表格，就這些差別給出了一個方便參考的分類：

　　了解受眾

　　既然有這么多曖昧的含義，你可能在想，想保險的話索性就別用顏色吧，但情況并非如此。你應當接受差異，利用它們來推廣你的信息。了解你的目標受眾，并照此定制網站。如果你有多類受眾，可以試著通過定制門戶或借助若干目標化CSS將你的網站本地化。

　　在使用混合色彩時，也要有自己的考慮。以股票市場為例。在美國、英國和日本，正面指示用綠色或藍色，而負面指示用紅色。而在中國臺灣和韓國，情況則恰好相反。這無關設計的選擇，而是文化的解讀。在這兩地，紅色代表繁榮與幸運，都是正面的東西。關鍵在于，清楚這些微妙卻十分重要的細節，盡量避免讓你的訪客困惑不解，避免傳遞錯誤信息的可能。

　　中國臺灣和韓國看到紅色表示好，而綠色表示壞，然后英國和美國卻是相反

　　明智的話，你還要記住，12個人中就有1人是色盲。因此，像照片和插圖一樣，顏色應當用來支撐信息的表達，而不該成為信息本身。有項測試不錯：如果把顏色去掉，看是否還能表達相同的信息。

　　設計師的工具箱里有許多工具，這些應當小心謹慎地使用。我見過以亮紅色做背景的網站，你在房子那頭都能看得見，這樣的網站會很刺眼。對于醫療保健類網站而言，選擇這類背景是很差勁的。過度飽和的色彩往往會讓人神經緊繃，而在醫院你最不愿意看到的就是瀕臨絕境。這當然是個極端的例子，但可以很好地說明這一問題。

　　下次你碰到醫院職工，請看看他們穿戴的是什么。你會發現，他們的制服往往是較柔和的淡色彩，例如淡紫色、綠色或藍色。這并非偶然：它們的意圖是要傳遞平靜、安心和潔凈的感覺。溫和淡雅的顏色能達到這一目的。在設計醫療保健類網站時，請使用能讓受眾安靜的顏色，而不是讓他們興奮的顏色。

　　簡單的顏色變化便能決定網站的觀感。以倫敦大學學院醫院的網站為例。我取來原始設計，并用不同顏色風格做了四個新頁面：

　　通過在這個網站上添加不同的顏色，我們可以給它不同的含義和關聯，而不是所有的顏色都能適合主題。

　　每一種設計都有不同的觀感。黑色隱含著專業、合法之意，但也讓人聯想到死亡。紅色看上去沒那么糟糕，但太接近于血的顏色，讓人聯想到人身傷害，而不是醫療康復。最后兩例分別為綠色和藍色。我認為兩者都是有效的，但我寧愿選擇藍色。原因在于，綠色太亮了些，與網站的真正目的——讓你平靜和安心有所背離。

　　明亮起來

　　醫院的例子與針對小孩子的網站則形成了鮮明對照。孩子能從明亮、飽和的色彩受益。這些顏色能刺激他們的頭腦，吸引他們的目光。通過使用豐富的色彩，你能讓他們始終興趣盎然，并激勵他們去探索設計的奧妙。大量使用暖色如紅色和黃色，同時結合一些較冷的藍色和綠色，尤其能取得好的效果。如果你為兒童網站設計選擇配色方案，可以從他們的玩具汲取靈感，你會觀察到，玩具制造商選擇了鮮艷活潑的色彩，他們特意給玩具繪上了飽滿、明亮而簡單的顏色。

　　我最后給出的例子是食品網站。在為此行業做設計時，你應當使用能刺激食欲的顏色。由于食品的顏色多種多樣，好的配色方案常常難以選定。總的說來，諸如紅色、橙色、黃色和綠色這樣的顏色確實能夠激發食欲，同時又提供一種溫馨如家的感覺。因而漢堡王、La Tasca、塞恩斯伯里和韋特羅斯在他們的商標或網站上都用到這些顏色也就不偶然了。下面呈現了他們的配色方案，它們盡可能地誘發你的饑餓感。藍色則恰好相反，它會抑制你的食欲。

1/2 1 2 下一頁尾頁

<< 上一篇：網頁設計一般用什么軟件較好？

>> 下一篇：為什么說網站設計要超越顏色

推薦資訊