在設計(jì)網頁之前,客戶或産β₹₩★品經理(lǐ)會(huì)提出對(duì)網頁視(shì)覺♥'✔ 風(fēng)格設計(jì)的(de)期望:活躍、大(®♦$↕dà)氣、穩重、信賴、都(dōu)市(shì)化(huà)….. 設計(jì)師(shī)一(y→¶€←ī)聽(tīng)到(dào)關鍵詞或許很(hěn)自(zì)然地(dì)在心裡(lǐ)蹦≠★出幾個(gè)配色與“關鍵詞”相(xiàng)匹配了(l§α€e)。網頁的(de)色彩,是(shì)訪問(wèn)者登錄頁面時(shí✘∑)的(de)第一(yī)印象,好(hǎo)的(de)頁面色彩能(néng)給用&β(yòng)戶留下(xià)深刻的(de)印象,并且能(>∞♠néng)産生(shēng)很(hěn)好(hǎo)的(de)視(sh±↑ δì)覺效果和(hé)營造網站(zhàn)整體(tǐ)氛圍的(de)作(zuò)用(yò£ ng)。
色彩是(shì)先誠科(kē)技(jì)接±±觸事(shì)物(wù)的(de)第一(yī)直觀認知(zhī),♠•✔在浏覽一(yī)個(gè)新的(de)網頁時(shí),第一(yī)認知(zhī) ±↓₩的(de)不(bù)是(shì)頁面的(de)具體(tǐ)結構和(hé)信息內(nèi)容,而且€≈是(shì)頁面色彩搭配的(de)視(shì)覺效果。色☆→彩對(duì)于每個(gè)人(rén)、地(dì)域或國(guó)家(jiā)都↓¶₹(dōu)有(yǒu)不(bù)同的(de)情感認知(zhī)和(hé)聯想意義,從(cóng•σ)某種程度看(kàn),大(dà)多(duō)數(shù™<∑)人(rén)對(duì)色彩認知(zhī)和(hé)聯'®₹'想是(shì)一(yī)緻的(de),如(rú)紅(hóng)色,人(rén)們感覺得( ∞£de)喜慶,熱(rè)鬧…再具體(tǐ)到(dào)事(shì)物(wù)會(huì)聯>α€"想到(dào)紅(hóng)心桃、草(cǎo)莓等等。在這(zhè)裡(lǐγ♣π)簡單介紹色彩的(de)情感聯想。
色彩的(de)情感聯想,主要(yào)從(cóng)具體(tǐ)聯想≥≤和(hé)抽象聯想兩個(gè)維度劃分(fē♥≥₹£n):
色彩的(de)情感聯想是(shì)人(rén)們對(duì)事•↕φ(shì)物(wù)的(de)不(bù)斷的(de)積累和(hé)認知(zhī),了( ×←<le)解這(zhè)些(xiē)不(bù)但§®♠(dàn)對(duì)網頁設計(jì)有(yǒu)幫助,還(há£φ€i)對(duì)市(shì)場(chǎn∞™∞g)營銷有(yǒu)幫助。如(rú)設計(jì)一(yī <♦)個(gè)環保教育類網站(zhàn),“環保教育”首先聯想到(d≥ào)生(shēng)命、自(zì)然、綠(lǜε✔✘)色生(shēng)态,而這(zhè)些(xiē)聯想的(de)事(shì)物(wσ≥¶ù)共同色系是(shì)綠(lǜ)色,如(rú)果♥&∑網站(zhàn)采用(yòng)人(rén)們已認知(zhī)的(de)色彩會(huì)讓人(ré≥₩n)們在初次訪問(wèn)網站(zhàn)時(shí),會(huì)↑∞≠對(duì)網站(zhàn)的(de)主題 ∑<↑産生(shēng)共鳴和(hé)信賴感。
那(nà)設計(jì)師(shī)就(jiù)憑自(zì)己“經驗和(hλ<δ≈é)色彩原理(lǐ)”就(jiù)對(duì)網頁進行(xíng)色彩設計(jì)?先誠科(kē↔π<)技(jì)先慢(màn)鏡頭往回看(kàn)整個(gè)網站(zhàn)的(de)設計(jì)☆π流程–設計(jì)師(shī)在著(zhe)手視(shì)覺設計(jì)的(d♥☆e)前期流程:
如(rú)果視(shì)覺設計(jì)≤σ≠師(shī)忽視(shì)前期的(de)工(gōng)作(zuβ§≈ò),網站(zhàn)最後視(shì)覺設計(jì)輸出或許會(huìε§)與客戶期望存在出入的(de)風(fēng)險。所以 ≤∑視(shì)覺設計(jì)師(shī)需要(yào)先了(le)解和(hé)參與網站(♥←∏☆zhàn)的(de)定位、目标用(yòng)戶、內(nèi)容規劃的(deβ∞)基礎上(shàng)才能(néng)更好(hǎo)把握頁面的(de)視α (shì)覺設計(jì)。
網站(zhàn)的(de)類型很(hěn)多(duō) ,按照(zhào)分(fēn)類,其各自(zì✘≤)的(de)目的(de)和(hé)側重點不(bù)同,對(duì)用(y±§òng)戶的(de)情感訴求心理(lǐ)也(yě)會(huì)不(bù)同。下®λ(xià)面主要(yào)從(cóng)網站(zhàn)的(de)類' ≥型層面上(shàng)來(lái)簡單探討(tǎo)色彩在網頁上(shàng)的(de)應用(∑πyòng):
1.門(mén)戶類:其主要(yào)需求是(shì)如(rú)何方便用(yòng)戶在堆砌的β×φ(de)信息中有(yǒu)效、快(kuài)速進行(xíng)目标選擇,而頁面色彩可(kěσ♥)傾向于清爽,簡潔。
騰訊網,雅虎,網易等門(mén)戶采用(yòng)清爽簡潔的(de)淺色調來(lái)降低(d×✘ī)信息快(kuài)速獲取時(shí)的(de)視(shì)覺¶↓幹擾。同性質的(de)同類網站(zhàn)主要(yào)是(shα±γì)沿用(yòng)自(zì)己公司主色系或logo來(lái)做(zuò•$λ)區(qū)分(fēn),便于用(yòng)戶對(duì)品α$∞✘牌的(de)識别。
2. 産品類:主要(yào)目的(de)需求展示産品的(de)特性,促進浏覽者消費(←±fèi)欲望,頁面色彩可(kě)根據具體(tǐ)産品定位做(zuò)多(duō)樣化(huà)"εσ'設計(jì)。
細化(huà)産品具體(tǐ)定位,如(rú)®Ω'★apple,韓國(guó)手機(jī)iriver高(gāo)§♥✔科(kē)技(jì)電(diàn)子(zǐ)産品,其簡潔灰白(bái★<↑)色調給網站(zhàn)帶來(lái)科(kē)技(jì)感和©✘(hé)現(xiàn)代感。
3.社區(qū)類:其需求是(shì)操作(zuò)簡單♦∞ 易用(yòng),長(cháng)時(shí)間(jiān)使用(yò↓↔☆≈ng)的(de)舒适度,頁面色彩也(yě)傾向清爽,簡潔。
主要(yào)以分(fēn)享、交流信息為(wèi)主的(de)社區(qū)網,有(yǒu)如↔≠✘(rú)上(shàng)面門(mén)戶網信息獲取性質,所以配色上(shàng)比較簡潔∏←λΩ清爽。但(dàn)各社區(qū)網又(yòu)各自(ε&zì)有(yǒu)自(zì)己的(de)核心目标用(yòng)戶群,所以在配色方面帶有(₹∑♥yǒu)各自(zì)的(de)特點。如(∑≤rú)校(xiào)友(yǒu)核心用(yòng)戶是(shì)在校(xiào)學生(sh↕✔ ēng),頁面頂端上(shàng)的(de)banner運用(yòng)活潑的"£"(de)綠(lǜ)色調來(lái)渲染青春朝氣的(de)氛圍.
4. 公司、企業(yè)類:展示企業(yè)形象,加深提高(gāo§≈×)品牌印象,可(kě)應用(yòng)logo的₹∏(de)主色系設計(jì),達到(dào)品牌統一(yī)。
5. 電(diàn)子(zǐ)商務類:其目的(de)在滿足方便快(kuài)捷地(×≈☆dì)查看(kàn)商品和(hé)進行(xíng)交£≤易,同時(shí)運暖色調渲染氣氛,讓用(yòng)戶感受到(dσ¶→£ào)網站(zhàn)整體(tǐ)的(de)活¥♠躍氛圍和(hé)愉悅感。
當然,黑(hēi)色調的(de)電(diàn)子(zǐ)商務網站(zhàn)同樣給"®≈÷讓人(rén)時(shí)尚、炫酷的(de)潮流感
6. 個(gè)人(rén)類:滿足用(yòng)戶的(de)自(zì)我個(gè)性展σβ示和(hé)駕馭能(néng)力的(de)需求,頁面色彩設計(jì)更是(shì)多(dλ'© uō)樣化(huà)和(hé)個(gè)性化(huà)。現(x± iàn)在有(yǒu)很(hěn)多(duō)網站(zhàn)設置了(le)換膚↓Ωα 、自(zì)定義裝扮等功能(néng)來(lái)滿足用(yòng)戶€®需求,如(rú)個(gè)人(rén)空(kōng)間(jiān)、博客、社區(qū)等等,就(♠♠jiù)連門(mén)戶類網站(zhàn)也(yě)開(kāi♦×♣)始滿足用(yòng)戶的(de)色彩喜好(hǎo)設置護膚。α↕所以各類網站(zhàn)的(de)色彩應用(yòng)沒有(yǒu)固定的(de)模式,以按自(z£≥✘ì)身(shēn)定位來(lái)靈活設計(jì)網頁色彩