網(wǎng)頁(yè)設計中如何合理的做好各種色彩的搭配

在設計網(wǎng)頁(yè)之前，客戶(hù)或產(chǎn)品經(jīng)理會(huì )提出對網(wǎng)頁(yè)視覺(jué)風(fēng)格設計 的期望：活躍、大氣、穩重、信賴(lài)、都市化….. 設計師一聽(tīng)到關(guān)鍵詞或許很自然地在心里蹦出幾個(gè)配色與“關(guān)鍵詞”相匹配了。網(wǎng)頁(yè)的色彩，是訪(fǎng)問(wèn)者登錄頁(yè)面時(shí)的第一印象，好的頁(yè)面色彩能給用戶(hù)留下深刻的印 象，并且能產(chǎn)生很好的視覺(jué)效果和營(yíng)造網(wǎng)站整體氛圍的作用。

　　色彩是我們接觸事物的第一直觀(guān)認知，在瀏覽一個(gè)新的網(wǎng)頁(yè)時(shí)，第一認知的不是頁(yè)面的具體結構和信息內容，而且是頁(yè)面色彩搭配的視覺(jué)效果。色彩對于 每個(gè)人、地域或國家都有不同的情感認知和聯(lián)想意義，從某種程度看，大多數人對色彩認知和聯(lián)想是一致的，如紅色，人們感覺(jué)得喜慶，熱鬧…再具體到事物會(huì )聯(lián)想 到紅心桃、草莓等等。在這里簡(jiǎn)單介紹色彩的情感聯(lián)想。

　　色彩的情感聯(lián)想

　　色彩的情感聯(lián)想，主要從具體聯(lián)想和抽象聯(lián)想兩個(gè)維度劃分：

　　　　色彩的情感聯(lián)想是人們對事物的不斷的積累和認知，了解這些不但對網(wǎng)頁(yè)設計有幫助，還對市場(chǎng)營(yíng)銷(xiāo)有幫助。如設計一個(gè)環(huán)保教育類(lèi)網(wǎng)站，“環(huán)保教 育”首先聯(lián)想到生命、自然、綠色生態(tài)，而這些聯(lián)想的事物共同色系是綠色，如果網(wǎng)站采用人們已認知的色彩會(huì )讓人們在初次訪(fǎng)問(wèn)網(wǎng)站時(shí)，會(huì )對網(wǎng)站的主題產(chǎn)生共鳴 和信賴(lài)感。

　　那設計師就憑自己“經(jīng)驗和色彩原理”就對網(wǎng)頁(yè)進(jìn)行色彩設計?我們先慢鏡頭往回看整個(gè)網(wǎng)站的設計流程–設計師在著(zhù)手視覺(jué)設計的前期流程：

　　如果視覺(jué)設計師忽視前期的工作，網(wǎng)站最后視覺(jué)設計輸出或許會(huì )與客戶(hù)期望存在出入的風(fēng)險。所以視覺(jué)設計師需要先了解和參與網(wǎng)站的定位、目標用戶(hù)、內容規劃的基礎上才能更好把握頁(yè)面的視覺(jué)設計。

　　各類(lèi)網(wǎng)站的色彩應用

　　網(wǎng)站的類(lèi)型很多，按照分類(lèi)，其各自的目的和側重點(diǎn)不同，對用戶(hù)的情感訴求心理也會(huì )不同。下面主要從網(wǎng)站的類(lèi)型層面上來(lái)簡(jiǎn)單探討色彩在網(wǎng)頁(yè)上的應用：

　　1.門(mén)戶(hù)類(lèi)：其主要需求是如何方便用戶(hù)在堆砌的信息中有效、快速進(jìn)行目標選擇，而頁(yè)面色彩可傾向于清爽，簡(jiǎn)潔。

　　騰訊網(wǎng)，雅虎，網(wǎng)易等門(mén)戶(hù)采用清爽簡(jiǎn)潔的淺色調來(lái)降低信息快速獲取時(shí)的視覺(jué)干擾。同性質(zhì)的同類(lèi)網(wǎng)站主要是沿用自己公司主色系或logo來(lái)做區分，便于用戶(hù)對品牌的識別。

　　2. 產(chǎn)品類(lèi)：主要目的需求展示產(chǎn)品的特性，促進(jìn)瀏覽者消費欲望，頁(yè)面色彩可根據具體產(chǎn)品定位做多樣化設計。

　　細化產(chǎn)品具體定位，如apple，韓國手機iriver高科技電子產(chǎn)品，其簡(jiǎn)潔灰白色調給網(wǎng)站帶來(lái)科技感和現代感。

　　3.社區類(lèi)：其需求是操作簡(jiǎn)單易用，長(cháng)時(shí)間使用的舒適度，頁(yè)面色彩也傾向清爽，簡(jiǎn)潔。

　　主要以分享、交流信息為主的社區網(wǎng)，有如上面門(mén)戶(hù)網(wǎng)信息獲取性質(zhì)，所以配色上比較簡(jiǎn)潔清爽。但各社區網(wǎng)又各自有自己的核心目標用戶(hù)群，所以在配色方面帶有各自的特點(diǎn)。如校友核心用戶(hù)是在校學(xué)生，頁(yè)面頂端上的banner運用活潑的綠色調來(lái)渲染青春朝氣的氛圍.

　　4. 公司、企業(yè)類(lèi)：展示企業(yè)形象，加深提高品牌印象，可應用logo的主色系設計，達到品牌統一。

　　5. 電子商務(wù)類(lèi)：其目的在滿(mǎn)足方便快捷地查看商品和進(jìn)行交易，同時(shí)運暖色調渲染氣氛，讓用戶(hù)感受到網(wǎng)站整體的活躍氛圍和愉悅感。

　　當然，黑色調的電子商務(wù)網(wǎng)站同樣給讓人時(shí)尚、炫酷的潮流感

　　6. 個(gè)人類(lèi)：滿(mǎn)足用戶(hù)的自我個(gè)性展示和駕馭能力的需求，頁(yè)面色彩設計更是多樣化和個(gè)性化?，F在有很多網(wǎng)站設置了換膚、自定義裝扮等功能來(lái)滿(mǎn)足用戶(hù)需求，如個(gè)人 空間、博客、社區等等，就連門(mén)戶(hù)類(lèi)網(wǎng)站也開(kāi)始滿(mǎn)足用戶(hù)的色彩喜好設置護膚。所以各類(lèi)網(wǎng)站的色彩應用沒(méi)有固定的模式，以按自身定位來(lái)靈活設計網(wǎng)頁(yè)色彩