处理好颜色搭配是网页设计的首要工作, 相当于建筑大厦应先打好基石, 也是用户体验整体性的基础, 因此, 颜色匹配是网页设计师必须掌握的设计方法, 是实现优良用户体验的首要关注问题。
进入网站的门户页面其第一印象就是色彩搭配, 无论网站的设计有多么与众不同的布局排版, 多么方便快捷的功能, 如果配色令人感到不适, 用户都无法在一个界面停留过长时间。如果将彩色页面的效果与黑白页面进行类比, 据专业研究机构介绍, 彩色记忆效果是黑白的3.5倍, 这意味着彩色页面比普通的黑白界面更令人印象深刻。对于非颜色匹配, 灰色是一种通用颜色, 可以与任何颜色匹配, 以帮助两种相反颜色之间的和谐过渡。
辅助色虽然占比不大, 但却可以起到画龙点睛的效果, 所以切勿不可喧宾夺主, 要保证整个页面的整体性。页面的颜色匹配可以分为三种颜色匹配方法:色差、色调调整和对比色匹配。色相差即主色和辅色都在同一色相上, 这样会给人一种页面一致化、一体化的感受。色调调和即同一色调构成的配色, 这样即使色相不同也可以保证页面配色的整体性。相比以上两种, 对比配色在设计应用范围更为广泛, 通过色相、纯度和明度的对比, 视觉冲击更强烈, 容易引起用户的注意。只要保证一定的比例关系, 页面也一样可以保证整体性。此外, 背景和上一篇文章之间的对比应尽可能大, 以突出显示文本。
网站设计大都要有一个明确的主色调, 主色调占绝大部分比例, 这样更容易使人增加对网站的辨识度和亲切感。最为鲜明的应用实例体现在商业设计上, 例如麦当劳的黄色、三星的蓝色以及小米的橙色等都使人印象深刻。一般来说, 网站的标准颜色不超过三个。所以确定主色调是网站配色的第一步。主要颜色的选择应取决于服务的对象, 网站的功能以及要传达的信息。例如, 如果面对的用户人群是幼龄儿童, 颜色应更偏向纯度高和明度高的颜色, 因为传统的色彩应用研究表明, 儿童大多喜爱鲜艳的颜色, 婴儿喜欢红色和黄色, 4至9岁的孩子喜欢红色。主要颜色也同时应用于网站的标识系统、主色块以及菜单, 能够为用户呈现一种强烈的整体感。
