處理好顏色搭配是網頁設計的首要工作, 相當于建筑大廈應先打好基石, 也是用戶體驗整體性的基礎, 因此, 顏色匹配是網頁設計師必須掌握的設計方法, 是實現優良用戶體驗的首要關注問題。
進入網站的門戶頁面其第一印象就是色彩搭配, 無論網站的設計有多么與眾不同的布局排版, 多么方便快捷的功能, 如果配色令人感到不適, 用戶都無法在一個界面停留過長時間。如果將彩色頁面的效果與黑白頁面進行類比, 據專業研究機構介紹, 彩色記憶效果是黑白的3.5倍, 這意味著彩色頁面比普通的黑白界面更令人印象深刻。對于非顏色匹配, 灰色是一種通用顏色, 可以與任何顏色匹配, 以幫助兩種相反顏色之間的和諧過渡。
輔助色雖然占比不大, 但卻可以起到畫龍點睛的效果, 所以切勿不可喧賓奪主, 要保證整個頁面的整體性。頁面的顏色匹配可以分為三種顏色匹配方法:色差、色調調整和對比色匹配。色相差即主色和輔色都在同一色相上, 這樣會給人一種頁面一致化、一體化的感受。色調調和即同一色調構成的配色, 這樣即使色相不同也可以保證頁面配色的整體性。相比以上兩種, 對比配色在設計應用范圍更為廣泛, 通過色相、純度和明度的對比, 視覺沖擊更強烈, 容易引起用戶的注意。只要保證一定的比例關系, 頁面也一樣可以保證整體性。此外, 背景和上一篇文章之間的對比應盡可能大, 以突出顯示文本。
網站設計大都要有一個明確的主色調, 主色調占絕大部分比例, 這樣更容易使人增加對網站的辨識度和親切感。最為鮮明的應用實例體現在商業設計上, 例如麥當勞的黃色、三星的藍色以及小米的橙色等都使人印象深刻。一般來說, 網站的標準顏色不超過三個。所以確定主色調是網站配色的第一步。主要顏色的選擇應取決于服務的對象, 網站的功能以及要傳達的信息。例如, 如果面對的用戶人群是幼齡兒童, 顏色應更偏向純度高和明度高的顏色, 因為傳統的色彩應用研究表明, 兒童大多喜愛鮮艷的顏色, 嬰兒喜歡紅色和黃色, 4至9歲的孩子喜歡紅色。主要顏色也同時應用于網站的標識系統、主色塊以及菜單, 能夠為用戶呈現一種強烈的整體感。
