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