为你的网站选择适宜的颜色

尽管设计网站有诸多步骤,但品牌表现可以说是最重要的一点。不论你是为公司设计网站,还是制作自己的作品集网站,选择合适的配色是很重要的。虽然配色选择看起来有点难,但不用害怕,在这篇文章中我们会结合心理学和颜色理论,为你带来找到正确配色方式的方法。
了解颜色会唤起怎样的情绪
也许你已经对你的项目中使用怎样的颜色组合有了想法,但在你付诸实践之前,请试着考虑一下你选择的这些颜色会唤起怎样的想法。这意味着你要思考这样的问题:这些颜色是否唤起了某种情绪,这种情绪是否迎合你的目标市场?这个问题也许看起来很愚蠢,但通过对颜色心理的研究你会获得很多启示。
想一下你熟悉的那些Logo,比如可口可乐、脸书和苹果——这些品牌识别性很强,你可以立刻联想到它们的颜色:红色、蓝色和白色。如果你想了解更多这方面的问题,可以阅读这篇关于知名品牌和配色的文章。

蓝色 可靠的 可信赖的 专业的 | 绿色 和平的 平衡的 成长的 | 橙色 友善的 欢迎的 使人愉快的 自信的 | 黑色 经典的 典雅的 有力量的 可怕的 |
紫色 皇家的/奢侈的 有创意的 有想象力的 | 黄色 幸福的 乐观的 | 红色 兴奋的 青春的 大胆的 紧急的 | 白色 简洁的 清楚的 清纯的 |
虽然Logo的颜色有时候看上去是随意的选择,但其中包含了很多道理。这些品牌通过颜色来标明它们的立场和主张,或至少是他们努力的方向。
如果你感到困惑或缺少创意,最快的方式就是使用一些在线的颜色选择工具。
选择你的主色调
一旦你找到了灵感,就可以从寻找“主色调”开始调制你自己的调色板了。所谓主色调,可以理解为你想要观众记住或识别你品牌的那种颜色,他们将为你的网站和名片定调,选对它们是十分重要的。
尽管不是必须的,但我建议你仅选择2种以内的主色调,并选出强调色(将在下一条中解释)。这意味着你选择的2个主色调在你的品牌相关材料上,出现的频率和比重要大于其他颜色,不论是网页、Banner还是其他载体。

原色 | 深色 | 相似色 | 浅色 |
原色和黑色混合 | 原色和灰色混合 | 原色和白色混合 |
首先,你的主色调之间应该是互补或者对比的,其中一个不能比另一个更突出。如果它们不能达到平衡,可以试着用上图中的方法将某个主色调进行调整,使得两者和谐。
这个步骤不可急于求成,因为它决定了你品牌的主导颜色。在颜色选择上多花些时间,这会有好处的。
选择强调色
强调色起到了举足轻重的作用——它们可以帮助你将观众的注意力吸引到你希望着重显示的地方。如果选择不当,可能让观众错过你想强调的东西。一般来说,强调色比你的主色调要更鲜艳。

对于网页设计来说,强调色最适于用在类似于导航元素、号召性用语元素和其他想要着重表现的关键项目上。上图就是很好的例子,当前所在页面在导航栏上会用红色文字标识,而处于页面中心靠右下的号召性按钮(购票)非常醒目。
使用6:3:1原则
选择颜色组合是个很好的开始,但颜色调整工作还没有完成,也就是你如何在网站上具体应用这些颜色。流行的6:3:1原则可以在这里派上用场:60%的部分使用主色调,30%的部分使用辅助色,10%的部分使用强调色。具体实施的时候,也可以这样应用:60%的部分用背景或空白,30%的部分放置内容,10%的部分放上号召性用语元素。

MMI Creative为6:3:1原则提供了视觉化的解释:“想象一个穿西装的人,他的黑色外套占了60%的比重,而衬衫占了30%,省下的10%则是领带”,通过应用这个原则,你可以很好地调配颜色的比例关系以及应对排版问题。