網(wǎng)頁(yè)設(shè)計(jì)配色之合適配色在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

你可能尚未意識(shí)到顏色在網(wǎng)頁(yè)設(shè)計(jì)中的重要性。你可能覺得一個(gè)網(wǎng)站是綠色的，換成藍(lán)色也行，反正無(wú)所謂。長(zhǎng)期以來(lái)，我都在思考顏色在網(wǎng)頁(yè)設(shè)計(jì)中的重要性，最近我才得出結(jié)論：顏色真能改變很多東西，并且能讓讀者感受不一樣的東西。每種色調(diào)的背后都隱藏著某種心理效應(yīng)，接下來(lái)我會(huì)深入探討這個(gè)問(wèn)題。

 

使人興奮的東西有很多。科學(xué)實(shí)驗(yàn)指出，使人興奮最有效的辦法之一，就是將紅色投射到其房間墻壁上。住在這樣房間的人的心率和血壓比藍(lán)色房間的人更高。眾所周知，紅色能提高興奮度。這也很好解釋了快餐店喜用紅色作為主色調(diào)的原因。比如，可口可樂(lè)，麥當(dāng)勞，漢堡王及百事(盡管藍(lán)色才是其主色調(diào))。

顏色刺激感官

顏色可刺激人的視覺，產(chǎn)生興奮感，增進(jìn)食欲，感到溫暖，心平氣和。色動(dòng)力學(xué)研究者認(rèn)為，紅色會(huì)使人產(chǎn)生興奮感，比如，可口可樂(lè)官網(wǎng)的紅色配色方案就給人帶來(lái)一種置身于炎熱夏天的慵懶感，正是這種感覺令訪客產(chǎn)生喝可樂(lè)的欲望。

 

人們通常喜歡在紅色燈光下的賭博，而非藍(lán)色燈光下。主要原因是像拉斯維加斯這樣的賭城大量采用紅色燈光。顏色對(duì)執(zhí)行力亦有影響，比如，紅色燈光使人行動(dòng)更敏捷，充滿力量，不過(guò)也并非一直都有效。而藍(lán)光則使人“三思而后行”。因此，STOP標(biāo)志采用紅色，就是告誡司機(jī)立馬停車，否則就會(huì)出事。

色彩混合

如果顏色混合得當(dāng)，就會(huì)相得益彰。有人喜歡混合互補(bǔ)色，不過(guò)最好偶爾為之。過(guò)度使用會(huì)對(duì)人眼產(chǎn)生不良影響。比如，當(dāng)我看到黑色背景的網(wǎng)站采用粉紅色字體，就恨不得它立馬從我眼前消失。

不過(guò)，互補(bǔ)色的搭配也是有竅門的。在不同顏色的兩個(gè)形狀之間畫一條中性的黑、白或灰色的細(xì)線，這樣人們的眼睛就能分別看到每種顏色。以百事可樂(lè)的標(biāo)志為例：標(biāo)志上的紅色和藍(lán)色兩部分被非常大的白色形狀截?cái)唷０咨螤羁梢宰尲t藍(lán)兩色更好地混合，比兩種顏色單純疊加效果要好。

 

顏色與文化

此外，顏色在世界各地的寓意也不盡相同。在中國(guó)，紅色代表幸運(yùn)，而在德國(guó)，紅色就沒(méi)那么好運(yùn)。財(cái)力雄厚的大企業(yè)會(huì)在進(jìn)入新的市場(chǎng)之前，會(huì)砸重金去研究不同文化中顏色的寓意。許多人認(rèn)為這沒(méi)必要，但是，現(xiàn)實(shí)中確實(shí)存在因配色方案糟糕而丟失客戶的案例。

雖然，這些大企業(yè)通常會(huì)聘請(qǐng)專家從事這方面的研究，但收效甚微。不管是設(shè)計(jì)師還是普通人，都可以根據(jù)自己的喜好，在不同情況搭配不同顏色，因?yàn)檫@純屬個(gè)人喜好。我個(gè)人就喜歡紅色和黑色的組合，因?yàn)?，我喜歡AC米蘭(隊(duì)服為紅色+黑色)10余年了。設(shè)計(jì)師必須將個(gè)人喜好放一邊，專心致力于客戶的需求，這點(diǎn)是至關(guān)重要的。

網(wǎng)站配色

為網(wǎng)站選擇一種顏色并不只是選個(gè)最喜歡的顏色，然后布局到網(wǎng)站上。還意味著需要選擇合適的顏色，從而從你的讀者那里獲得預(yù)期的反映。如果你對(duì)自己的用戶群體足夠了解，又熟悉他們的顏色喜好，你就成功了一半。當(dāng)然，蘿卜白菜，各有所愛，你的網(wǎng)站配色不可能適合每一位訪客，因此，只需滿足大部分目標(biāo)用戶群體即可。

 

據(jù)資料顯示，半數(shù)的用戶會(huì)因?yàn)樵愀獾木W(wǎng)站配色而一去不返。用戶在訪問(wèn)你的站點(diǎn)時(shí)，首要關(guān)注的是你的品牌的顏色。如果他們無(wú)法從眾多的色彩中分辨出你的主色調(diào)，你就該考慮重新設(shè)計(jì)配色方案了。

●如果你選用藍(lán)色配色方案，會(huì)給人帶來(lái)好心情，自然會(huì)產(chǎn)生好的效果。當(dāng)然，選用清爽的白色也不錯(cuò)。但如果你希望網(wǎng)站充滿激情，可選用亮紅色或是橙色。白色和綠色的搭配也能產(chǎn)生同樣的效果。如果你想打造一個(gè)清新淡雅的時(shí)尚網(wǎng)站，白色搭配灰色為宜。這樣的配色方案能營(yíng)造出時(shí)髦，清新，簡(jiǎn)潔的感覺。下圖就是一個(gè)經(jīng)典案例。

 

●如果你對(duì)暗色調(diào)情有獨(dú)鐘，那么黑色絕對(duì)是首選，不過(guò)前提是主色調(diào)不能為黑色，黑色背景的網(wǎng)站設(shè)計(jì)精美，抓人眼球，但缺點(diǎn)是不便于閱讀。為此，你可選用最簡(jiǎn)單的組合：黑色搭配白色或亮灰色。另外，黑色和橙色亦可進(jìn)行組合，雖反差很大，但搭配效果卻出奇的好，加點(diǎn)白色平衡一下效果會(huì)更加完美。 互聯(lián)網(wǎng)的一些事

●說(shuō)到黑白兩色的最佳搭檔，藍(lán)色就再合適不過(guò)了。注意，主色調(diào)一定要設(shè)成白色，或者主色調(diào)也可以換成淺藍(lán)色。黑色在整個(gè)配色中應(yīng)盡量低調(diào)，不應(yīng)過(guò)分突出。圖一就是很好的例子。而第二個(gè)例子非常糟糕，不僅設(shè)計(jì)過(guò)時(shí)，而且顏色讓人難以忍受，正好可以用上這種組合。

 

●紅色與黑白兩色的搭配效果也很好，但是，切勿讓紅色喧賓奪主，因?yàn)?，這樣會(huì)用力過(guò)猛，與黑色形成極大反差。下圖這兩個(gè)例子會(huì)給告訴你原因。

 

●我推薦的另一個(gè)三色組合是：黑色+白色+綠色，看看下面的例子你就知道原因。

 

總結(jié)

合適的配色方案至關(guān)重要，我相信這個(gè)道理大家都懂。根據(jù)用戶喜好確定顏色使得讀者更聽你的，聽起來(lái)不可思議，但不論對(duì)錯(cuò)，這一直是所有設(shè)計(jì)師的工作目標(biāo)：向讀者發(fā)出信號(hào)，并希望得到反饋。正如之前我們所分享的網(wǎng)頁(yè)設(shè)計(jì)師的色彩心理學(xué)；如果你了解色彩心理學(xué)原理，又能找到適合用戶的配色方案，那么你的網(wǎng)站離成功又近了一步。