2.2 网站整体配色方案
颜色对于眼睛的刺激往往比文字来得更加直观,更能抓住用户的注意力。很多研究也证明,不同的颜色会让用户产生不同的情绪。因此好的配色方案不仅能够给用户带来美的视觉享受,同时也能够引起用户的共鸣,加深用户对网站的印象,增加对网站品牌的认可度和辨识度[1]。
对于整体的配色方案来说,网站主色调[2]是最重要的一个元素。到底该选择哪种颜色,鲜艳还是朴素,活泼还是庄重,大众化还是个性化都是配色方案所涉及的。
网站的类型、品牌形象、整体定位、目标群体等多种因素都会影响到颜色的选择,而颜色本身也具有自己的特性以及含义,因此需要匹配颜色特性和网站特色来选择适合的主色调。
2.2.1 不同颜色会产生不同的主观感受
随着冷暖、纯度、明度、色相等的变化,颜色会给人带来不同的主观感受。如暖色调会给人带来温暖的感觉,同时具有扩张感,使暖色的元素从背景中跳出来;而冷色调则给人冷清、冷静的感觉,具有收缩的作用,因此容易隐入背景之中。纯度高的颜色饱和度高,较为艳丽,纯度低的则较为柔和。明度高的颜色会带来轻快的感觉,而明度低的颜色则显得比较庄重。取有对比的色相和明度则令人感到活泼,取类似、同一色系则令人感到稳健。色相数多则会显得华丽,色相少则会显得淡雅、清新。
每个颜色都有自己的含义,带给用户不同的主观感受。下面是几种常见的颜色。
红色被认为是最热情的颜色,代表了兴奋、激情、奔放和欢乐,容易让人联想到旗帜、激情、危险、火灾、血液、竞争、侵略、警报等,对人眼刺激较大,容易造成视觉疲劳,使用时需要慎重考虑。因此不要采用大面积的红色,它常用于Logo、导航等位置。
橙色是非常温暖的颜色,通常代表着激情、欢乐、健康等。阿里系基本都采用橙色作为主色调,独特、识别度高,成为公司的一个象征。但和红色类似,也容易造成视觉疲劳。
黄色通常给人轻快、明亮、乐观的印象,有扩张的视觉效果,因此采用黄色作为主色调的网站也往往呈现出活力和快乐。通常黄色还容易让人联想到黄金、缎带,因此也往往代表着高贵和富有。不同的黄色往往会带来不同的效果,因此在设计时需要注意细节的差别。
绿色具有黄色和蓝色两种成分的色,作为中性的颜色,绿色往往代表着平和、恬静、谦虚、智慧和生命力。也常用财经网站或者那些代表富饶、康复和生态学的网站。
蓝色的色感较冷,通常代表着冷静、沉思、智慧、自信和神秘,就如同天空和海洋一样,深不可测。同时,蓝色也是现代科技的象征色,如IBM等科技公司都采用蓝色作为公司网站主色调。紫色的明度较低,给人以高贵、优雅、浪漫和神秘的感觉,同时也表示公正和真相。但眼睛对紫色光的细微变化的分辨力很弱,容易引起疲劳。
黑色往往代表着严肃、恐怖、冷静。它本身是无光无色的,当作为背景色时,能够很好地衬托出其他颜色,尤其与白色对比时,对比非常分明,白底黑字或者黑底白字的可视度很高。
白色是全部可见光均匀混合而成的,称为全色光,通常代表着明亮、简单、干净、纯真与和平。白色很少单独使用,通常都与其他颜色混合,纯粹的白色背景对于内容的干扰最小。
灰色往往代表中性、稳重和智慧。它不容易产生视觉疲劳,但是也容易让人感到沉闷。当然也有漂亮的灰色会给人高雅、精致、含蓄的印象。
当然颜色的略微变化,也可以带来不一样的感觉。在红色中加入少量的黑,会使其风格变的沉稳,趋于厚重、朴实;加入少量的白,会使其风格变的温柔,趋于含蓄、羞涩、娇嫩。如果在橙色中黄的成分较多,其风格趋于甜美、亮丽、芳香;在橙色中混入小量的白,可使橙色的感觉趋于焦躁、无力。在绿色中黄的成分较多时,其风格就趋于活泼、友善,具有幼稚性;在绿色中加入少量的黑,其风格就趋于庄重、老练、成熟;在绿色中加入少量的白,其风格就趋于洁净、清爽、鲜嫩。
[1]即使在没有网站Logo的情况下,用户仍然能够识别网站。
[2]主色调指的是页面色彩的主要色调、总趋势,其他配色不能超过该主要色调的视觉面积(白色背景除外)。