DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 合適的配色方案在網頁設計中的運用方案
合適的配色方案在網頁設計中的運用方案
編輯:關於網頁技巧     

你可能尚未意識到顏色在網頁設計中的重要性。你可能覺得一個網站是綠色的,換成藍色也行,反正無所謂。長期以來,我都在思考顏色在網頁設計中的重要性,最近我才得出結論:顏色真能改變很多東西,並且能讓讀者感受不一樣的東西。每種色調的背後都隱藏著某種心理效應,接下來我會深入探討這個問題。

preview large howcolorafffectweb1 論顏色在<u>網頁設計</u>中的重要性

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

顏色刺激感官

顏色可刺激人的視覺,產生興奮感,增進食欲,感到溫暖,心平氣和。色動力學研究者認為,紅色會使人產生興奮感,比如,可口可樂官網的紅色配色方案就給人帶來一種置身於炎熱夏天的慵懶感,正是這種感覺令訪客產生喝可樂的欲望。

internet logo colors 論顏色在<u>網頁設計</u>中的重要性

人們通常喜歡在紅色燈光下的賭博,而非藍色燈光下。主要原因是像拉斯維加斯這樣的賭城大量采用紅色燈光。顏色對執行力亦有影響,比如,紅色燈光使人行動更敏捷,充滿力量,不過也並非一直都有效。而藍光則使人“三思而後行”。因此,STOP標志采用紅色,就是告誡司機立馬停車,否則就會出事。

色彩混合

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

不過,互補色的搭配也是有竅門的。在不同顏色的兩個形狀之間畫一條中性的黑、白或灰色的細線,這樣人們的眼睛就能分別看到每種顏色。以百事可樂的標志為例:標志上的紅色和藍色兩部分被非常大的白色形狀截斷。白色形狀可以讓紅藍兩色更好地混合,比兩種顏色單純疊加效果要好。

pepsi 論顏色在<u>網頁設計</u>中的重要性

顏色與文化

此外,顏色在世界各地的寓意也不盡相同。在中國,紅色代表幸運,而在德國,紅色就沒那麼好運。財力雄厚的大企業會在進入新的市場之前,會砸重金去研究不同文化中顏色的寓意。許多人認為這沒必要,但是,現實中確實存在因配色方案糟糕而丟失客戶的案例。

雖然,這些大企業通常會聘請專家從事這方面的研究,但收效甚微。不管是設計師還是普通人,都可以根據自己的喜好,在不同情況搭配不同顏色,因為這純屬個人喜好。我個人就喜歡紅色和黑色的組合,因為,我喜歡AC米蘭(隊服為紅色+黑色)10余年了。設計師必須將個人喜好放一邊,專心致力於客戶的需求,這點是至關重要的。

網站配色

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

choose the right colors 論顏色在<u>網頁設計</u>中的重要性

據資料顯示,半數的用戶會因為糟糕的網站配色而一去不返。用戶在訪問你的站點時,首要關注的是你的品牌的顏色。如果他們無法從眾多的色彩中分辨出你的主色調,你就該考慮重新設計配色方案了。

●如果你選用藍色配色方案,會給人帶來好心情,自然會產生好的效果。當然,選用清爽的白色也不錯。但如果你希望網站充滿激情,可選用亮紅色或是橙色。白色和綠色的搭配也能產生同樣的效果。如果你想打造一個清新淡雅的時尚網站,白色搭配灰色為宜。這樣的配色方案能營造出時髦,清新,簡潔的感覺。下圖就是一個經典案例。

pixel 論顏色在<u>網頁設計</u>中的重要性

●如果你對暗色調情有獨鐘,那麼黑色絕對是首選,不過前提是主色調不能為黑色,黑色背景的網站設計精美,抓人眼球,但缺點是不便於閱讀。為此,你可選用最簡單的組合:黑色搭配白色或亮灰色。另外,黑色和橙色亦可進行組合,雖反差很大,但搭配效果卻出奇的好,加點白色平衡一下效果會更加完美。 互聯網的一些事

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

Screen Shot 2012 05 10 at 3.37 論顏色在<u>網頁設計</u>中的重要性

sit 論顏色在<u>網頁設計</u>中的重要性

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

bun1 論顏色在<u>網頁設計</u>中的重要性

site 論顏色在<u>網頁設計</u>中的重要性

●我推薦的另一個三色組合是:黑色+白色+綠色,看看下面的例子你就知道原因。

Screen Shot 2012 05 10 at 3.36 論顏色在<u>網頁設計</u>中的重要性

總結

合適的配色方案至關重要,我相信這個道理大家都懂。根據用戶喜好確定顏色使得讀者更聽你的,聽起來不可思議,但不論對錯,這一直是所有設計師的工作目標:向讀者發出信號,並希望得到反饋。如果你了解色彩心理學原理,又能找到適合用戶的配色方案,那麼你的網站離成功又近了一步。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved