淺析網(wǎng)頁視覺風(fēng)格設(shè)計中網(wǎng)頁色彩應(yīng)用

在設(shè)計網(wǎng)頁之前，客戶或產(chǎn)品經(jīng)理會提出對網(wǎng)頁視覺風(fēng)格設(shè)計的期望：活躍、大氣、穩(wěn)重、信賴、都市化….. 設(shè)計師一聽到關(guān)鍵詞或許很自然地在心里蹦出幾個配色與“關(guān)鍵詞”相匹配了。網(wǎng)頁的色彩，是訪問者登錄頁面時的第一印象，好的頁面色彩能給用戶留下深刻的印象，并且能產(chǎn)生很好的視覺效果和營造網(wǎng)站整體氛圍的作用。 色彩是我們接觸事物的第一直觀認(rèn)知，在瀏覽一個新的網(wǎng)頁時，第一認(rèn)知的不是頁面的具體結(jié)構(gòu)和信息內(nèi)容，而且是頁面色彩搭配的視覺效果。色彩對于每個人、地域或國家都有不同的情感認(rèn)知和聯(lián)想意義，從某種程度看，大多數(shù)人對色彩認(rèn)知和聯(lián)想是一致的，如紅色，人們感覺得喜慶，熱鬧…再具體到事物會聯(lián)想到紅心桃、草莓等等。在這里簡單介紹色彩的情感聯(lián)想。

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

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

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

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

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

各類網(wǎng)站的色彩應(yīng)用

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

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

騰訊網(wǎng)，雅虎，網(wǎng)易等門戶采用清爽簡潔的淺色調(diào)來降低信息快速獲取時的視覺干擾。同性質(zhì)的同類網(wǎng)站主要是沿用自己公司主色系或logo來做區(qū)分，便于用戶對品牌的識別。

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

細(xì)化產(chǎn)品具體定位，如apple，韓國手機(jī)iriver高科技電子產(chǎn)品，其簡潔灰白色調(diào)給網(wǎng)站帶來科技感和現(xiàn)代感。

3.社區(qū)類：其需求是操作簡單易用，長時間使用的舒適度，頁面色彩也傾向清爽，簡潔。

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

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

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

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

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

7.其他類：工具類、活動類等.這里就不一一展開了，原理同上：目的、目標(biāo)用戶…

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

當(dāng)前文章：淺析網(wǎng)頁視覺風(fēng)格設(shè)計中網(wǎng)頁色彩應(yīng)用
鏈接URL：http://muchs.cn/news33/322733.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、服務(wù)器托管、App設(shè)計、域名注冊、小程序開發(fā)、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)