企業網站設計配色元素
日期 : 2019-03-05 12:52:57
不同的顏色往往能夠引起人們不同的情感反應,根據頁面所要傳達出的具體情感,合理選用不同的顏色,是每個網頁設計師必須具備的職業素養。正確合理地使用相應的顏色布局頁面,可以使制作出的頁面更專業和更美觀。
網頁風格影響配色:
1、冷暖配色
暖色主要包括紅色、橙紅色、黃色、橙黃色和黃綠色等色彩。暖色系為主色調的頁面往往能夠傳達給瀏覽者一種陽光溫暖、積極向上和熱情奔放的情感。通常來說,兒童類網站往往偏愛暖色調的頁面效果。
冷色主要包括綠藍色、藍色、青色、青藍色和紫色等色彩。以冷色為主色調的頁面一般會傳達給瀏覽者理智、冷靜、高科技和清爽的感覺。通常來說,多數高端正規的企業和大部分的電子產品企業會選用冷色調作為網站的主色調,以強化企業良好的形象。
注意,對于色相環中冷暖色交界處的顏色來說,有時很難斷定它們到底是冷色還是暖色。例如綠色,由黃色(暖色)和青色(冷色)混合而成,當綠色中的黃色居多時,它是暖色。當綠色中的青色居多時,它就屬于冷色。
2、白色的應用
白色屬于中性色,它可以完美地和任何顏色搭配在一起使用,而不會產生任何沖突感。白色的包容性很強,本身也沒有冷暖的傾向,因此常被用于調和幾種對立的顏色,使整體版面和色調更加平衡。
白色與暖色搭配在一起會顯得溫暖平和,與冷色搭配在一起會顯示冰涼理智,和低純度的顏色搭配在一起也會顯得低調而有魅力。
3、飽和度影響配色
飽和度比較高的色彩往往會傳遞給受眾一種活潑好動、張揚個性和古靈精怪的感覺。高彩度的色彩更容易吸引用戶的注意力,所以一般網頁中的Logo、按鈕和圖標等零散細碎的元素才會采用。
一般來說,兒童類網站和設計公司的網站更喜歡采用高彩度配色方案,以體現出活潑可愛和個性奔放的感覺。
低飽和度的色彩會給人一種溫和柔軟、細膩含蓄和兼收并蓄的感覺。色彩之間的對立感往往是由于色相與飽和度引起的,降低飽和度則意味著在顏色中加入了中性灰色,自然也會降低顏色的對立感。
一些走情感路線的網站往往很喜歡這種低彩度的配色,這類網站可謂將協調演繹到了極致,使瀏覽者從視覺到情感都由衷地感到舒適和愜意。
影響配色的元素:
在對網頁進行配色時,可以使用強烈的顏色,冷靜的顏色,也可以使用日常不常用的顏色,但不能盲目使用顏色,盲目使用會導致界面過于雜亂。
1、根據行業特征選擇網頁配色
每個人對于色彩的印象不是絕對的,但多數人會自然而然地將其余性質相一致的色彩對號入座,這就是聯想的作用。例如想到咖啡,就會聯想到棕色的醇厚溫暖,想到醫院,就會聯想到白色和藍色的冰涼冷靜。
在設計和制作網頁之前,首先應該仔細調查和收集各種數據資料,還要根據色彩的基本要素加以規劃,以便更好地應用到設計中。
2、根據色彩聯想選擇網頁配色
色彩的選擇與設計師想要表達的情感有直接關系,當人們看到每種不同的顏色后,總是會下意識地尋找生活中常見的同類顏色事物,再通過具象的物體引申出抽象的情感。
因為每個人的生活環境、家庭背景、性格和工作領域的不同,并非所有人對色彩的感受和認知都一致,但仍然可以找出大多數人對于色彩認知的相對一致性,并有效運用這些心理感受,使網頁所要表達的信息和情感正確傳遞給大部分的受眾。
3、根據受眾色彩偏好選擇網頁配色
產品在上市之前,必然已經確定了目標群體范圍,這個范圍可以大致通過年齡、性別、地區、經濟狀況和受教育程度等因素來確定。在確定網頁主題色時,也需要對不同人群所偏愛的顏色做一些了解,從而達到預期的宣傳效果。
4、根據生命周期選擇網頁顏色
色彩也是商品更重要的外部特征,產品的銷售周期是指從該產品進入市場,直到被市場淘汰的整個過程。可以根據產品所處不同周期時,市場的反應和企業所要達到的營銷宣傳效果,來確定網頁的配色方案。
新品上市時期
處在導入期的產品一般都是剛上市,還未被消費者所熟知。為了加強宣傳力度,刺激消費者的感官,增強消費者對產品的記憶度,可以選用艷麗的單色作為主色調,將產品的特性清晰而直觀地詮釋給用戶。
產品發展時期
經過前期的大力宣傳,處在發展期的產品一般已為消費者所熟知,市場占有率也開始相對提高,并開始有競爭者出現。為了能夠在同化產品中脫穎而出,這一階段的網頁應該選擇比較時尚和鮮艷的顏色作為主色調。
產品穩定銷售時期
處在穩定銷售時期的產品一般已經有了比較穩定的市場占有率,消費者對產品的了解也已經很深刻,并且有了一定的忠誠度。而此時市場也已經接近飽和,企業通常無法再通過尋找和開發新市場來提高市場占有率。此時企業宣傳的重點應該是維持現有顧客對品牌的信賴感和忠誠度,所以應該運用一些比較安靜、沉穩的顏色作為網頁的主色調。
產品衰退時期
當產品處于衰退期階段時,消費者對產品的忠誠度和新鮮感都會有所降低,他們會開始尋找其他的新產品來滿足需求,最終導致市場份額不斷下降。這一階段的主要宣傳目標就是保持消費者對產品的新鮮感,因此,需要對產品形象進行重新改進和強化。
上一篇:企業網站設計漢字體系的應用
下一篇:企業做網站網頁布局