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

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

 

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

顏色刺激感官

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

 

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

色彩混合

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

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

 

顏色與文化

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

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

網(wǎng)站配色

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

 

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

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

 

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

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

 

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

 

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

 

總結(jié)

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