處理好顏色搭配是網(wǎng)頁(yè)設(shè)計(jì)的首要工作, 相當(dāng)于建筑大廈應(yīng)先打好基石, 也是用戶體驗(yàn)整體性的基礎(chǔ), 因此, 顏色匹配是網(wǎng)頁(yè)設(shè)計(jì)師必須掌握的設(shè)計(jì)方法, 是實(shí)現(xiàn)優(yōu)良用戶體驗(yàn)的首要關(guān)注問題。

進(jìn)入網(wǎng)站的門戶頁(yè)面其第一印象就是色彩搭配, 無論網(wǎng)站的設(shè)計(jì)有多么與眾不同的布局排版, 多么方便快捷的功能, 如果配色令人感到不適, 用戶都無法在一個(gè)界面停留過長(zhǎng)時(shí)間。如果將彩色頁(yè)面的效果與黑白頁(yè)面進(jìn)行類比, 據(jù)專業(yè)研究機(jī)構(gòu)介紹, 彩色記憶效果是黑白的3.5倍, 這意味著彩色頁(yè)面比普通的黑白界面更令人印象深刻。對(duì)于非顏色匹配, 灰色是一種通用顏色, 可以與任何顏色匹配, 以幫助兩種相反顏色之間的和諧過渡。

輔助色雖然占比不大, 但卻可以起到畫龍點(diǎn)睛的效果, 所以切勿不可喧賓奪主, 要保證整個(gè)頁(yè)面的整體性。頁(yè)面的顏色匹配可以分為三種顏色匹配方法:色差、色調(diào)調(diào)整和對(duì)比色匹配。色相差即主色和輔色都在同一色相上, 這樣會(huì)給人一種頁(yè)面一致化、一體化的感受。色調(diào)調(diào)和即同一色調(diào)構(gòu)成的配色, 這樣即使色相不同也可以保證頁(yè)面配色的整體性。相比以上兩種, 對(duì)比配色在設(shè)計(jì)應(yīng)用范圍更為廣泛, 通過色相、純度和明度的對(duì)比, 視覺沖擊更強(qiáng)烈, 容易引起用戶的注意。只要保證一定的比例關(guān)系, 頁(yè)面也一樣可以保證整體性。此外, 背景和上一篇文章之間的對(duì)比應(yīng)盡可能大, 以突出顯示文本。

網(wǎng)站設(shè)計(jì)大都要有一個(gè)明確的主色調(diào), 主色調(diào)占絕大部分比例, 這樣更容易使人增加對(duì)網(wǎng)站的辨識(shí)度和親切感。最為鮮明的應(yīng)用實(shí)例體現(xiàn)在商業(yè)設(shè)計(jì)上, 例如麥當(dāng)勞的黃色、三星的藍(lán)色以及小米的橙色等都使人印象深刻。一般來說, 網(wǎng)站的標(biāo)準(zhǔn)顏色不超過三個(gè)。所以確定主色調(diào)是網(wǎng)站配色的第一步。主要顏色的選擇應(yīng)取決于服務(wù)的對(duì)象, 網(wǎng)站的功能以及要傳達(dá)的信息。例如, 如果面對(duì)的用戶人群是幼齡兒童, 顏色應(yīng)更偏向純度高和明度高的顏色, 因?yàn)閭鹘y(tǒng)的色彩應(yīng)用研究表明, 兒童大多喜愛鮮艷的顏色, 嬰兒喜歡紅色和黃色, 4至9歲的孩子喜歡紅色。主要顏色也同時(shí)應(yīng)用于網(wǎng)站的標(biāo)識(shí)系統(tǒng)、主色塊以及菜單, 能夠?yàn)橛脩舫尸F(xiàn)一種強(qiáng)烈的整體感。