第六章
網頁或APP 界麵通過一些存在某種關係的不同色彩組合來整體營造網站的視覺氛圍。要了解某種或者某些色彩在網頁或者界麵當中所起到的作用,第一步就是了解其擔當的角色。這些色彩有主角有配角,在其中所起的作用就有了主次之分,可分為主色、輔助色和強調色。
1.主色
主色是指界麵色彩組合中的主要色相、色調,占絕對優勢的、代表總體色彩感覺的顏色,它往往貫穿於網站/APP 中所有的頁麵,出現次數最多,就好比樂曲中的主旋律,其他配色一般不會超過主色的視覺麵積。
2.輔助色
輔助色是僅次於主色的,是用於烘托主色、配合主色的輔助色彩,以對比或調和的形態出現。
3.強調色
強調色常常是指和主色彩形成對比的色相、色調,麵積較小但引人注目。例如色相對比主要是使用補色,色調對比是利用巨大的明度差異以及色彩麵積上的對比。公司名稱、標誌、重要標題等需要重點突出的部分通常使用強調色。
在配色時注意強調色的使用麵積,小麵積能起到強調作用,過大則會顛倒主次。紅色、黃色等注目度高的色彩常常充當強調色。
美寶蓮睫毛膏網站用飽和明亮的黃色作為主色貫穿始終,和睫毛膏瓶身的黃色一致,這裏我們可以體會到在考慮產品類宣傳網站的主色時,可選擇產品包裝或者本身的顏色作為一個切入點。和睫毛膏瓶身上的紫色文字一樣,在網站界麵中出現的紫色也是強調色的角色,在導航和廣告標題中起到強調作用。黑色則以輔助色的身份在網站界麵中出現。
名稱: 美寶蓮睫毛膏廣告網站地址: www.maybellinechina.com
主色彩 R255 G230 B033
輔助色彩 R000 G000 B000
強調色彩 R096 G039 B147
界麵中的色彩最主要的作用就是營造氛圍、塑造風格。色彩決定了訪問者對界麵的第一印象,對營造整體氛圍發揮著至關重要的作用,從色調、色相兩方麵來看:
. 色調決定著網頁的整體印象,營造網頁氛圍,如純色調(vivid)、強色調(strong) 華麗而強烈;淺色調(pale)、隱約色調(light)高明度中彩度顯得柔和、明亮、舒適;深色調(deep)、暗色調(dark)、灰色調(gray)則給人嚴肅、沉重的印象。
. 而色相是由於不同色相的色彩會帶給人們不同聯想,主要利用色相的象征作用。色彩能夠很好地營造界麵氣氛,引起受眾不同的情緒體驗。色彩是先於任何其他視覺元素進入瀏覽者印象的,其印象也是最為持久的。色彩能帶給人冷暖、輕重、軟硬、動靜等不同的感受,這些感受在不同時間、不同場合,和人們積極或消極的情感體驗聯係在一起。很多色彩由於其本身的特質和長期約定俗成的象征意義,在消費者腦海中和某種情感已形成了強有