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

2016-11-10    分類(lèi): 網(wǎng)站建設(shè)

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

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

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

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


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

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


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

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

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

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

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


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

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



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

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


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


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


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


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

當(dāng)前名稱(chēng):網(wǎng)頁(yè)設(shè)計(jì)中如何合理的做好各種色彩的搭配
本文來(lái)源:http://www.bm7419.com/news17/64117.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、商城網(wǎng)站、云服務(wù)器、網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、做網(wǎng)站

廣告

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

網(wǎng)站托管運(yùn)營(yíng)