網(wǎng)頁(yè)設計如何配色?專(zhuān)業(yè)設計師告訴你

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

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

　　我喜歡將自己沉浸在色彩之中，因為那讓我興奮不已。色彩能讓你體味到情感，這實(shí)在是妙不可言;當人們注視著(zhù)湛藍的天空時(shí)，你能覷見(jiàn)他們臉上洋溢的那份快樂(lè )，或者，當某人在情人節收到一個(gè)紅色信封時(shí)，你會(huì )感覺(jué)到他渾身散發(fā)的那股柔情。經(jīng)由聯(lián)想或文化影響，色彩有了含義。

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

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

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

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

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

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

　　了解受眾

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

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

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

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

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

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

　　簡(jiǎn)單的顏色變化便能決定網(wǎng)站的觀(guān)感。以倫敦大學(xué)學(xué)院醫院的網(wǎng)站為例。我取來(lái)原始設計，并用不同顏色風(fēng)格做了四個(gè)新頁(yè)面：

　　通過(guò)在這個(gè)網(wǎng)站上添加不同的顏色，我們可以給它不同的含義和關(guān)聯(lián)，而不是所有的顏色都能適合主題。

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

　　明亮起來(lái)

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

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