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

Choose the perfect colour palette for your website - design, sharing - 为你的网站选择适宜的颜色

尽管设计网站有诸多步骤,但品牌表现可以说是最重要的一点。不论你是为公司设计网站,还是制作自己的作品集网站,选择合适的配色是很重要的。虽然配色选择看起来有点难,但不用害怕,在这篇文章中我们会结合心理学和颜色理论,为你带来找到正确配色方式的方法。

了解颜色会唤起怎样的情绪

也许你已经对你的项目中使用怎样的颜色组合有了想法,但在你付诸实践之前,请试着考虑一下你选择的这些颜色会唤起怎样的想法。这意味着你要思考这样的问题:这些颜色是否唤起了某种情绪,这种情绪是否迎合你的目标市场?这个问题也许看起来很愚蠢,但通过对颜色心理的研究你会获得很多启示。

想一下你熟悉的那些Logo,比如可口可乐、脸书和苹果——这些品牌识别性很强,你可以立刻联想到它们的颜色:红色、蓝色和白色。如果你想了解更多这方面的问题,可以阅读这篇关于知名品牌和配色的文章。

kamilet choose the color 1 - design, sharing - 为你的网站选择适宜的颜色

蓝色

可靠的

可信赖的

专业的

绿色

和平的

平衡的

成长的

橙色

友善的

欢迎的

使人愉快的

自信的

黑色

经典的

典雅的

有力量的

可怕的

紫色

皇家的/奢侈的

有创意的

有想象力的

黄色

幸福的

乐观的

红色

兴奋的

青春的

大胆的

紧急的

白色

简洁的

清楚的

清纯的

虽然Logo的颜色有时候看上去是随意的选择,但其中包含了很多道理。这些品牌通过颜色来标明它们的立场和主张,或至少是他们努力的方向。

如果你感到困惑或缺少创意,最快的方式就是使用一些在线的颜色选择工具

选择你的主色调

一旦你找到了灵感,就可以从寻找“主色调”开始调制你自己的调色板了。所谓主色调,可以理解为你想要观众记住或识别你品牌的那种颜色,他们将为你的网站和名片定调,选对它们是十分重要的。

尽管不是必须的,但我建议你仅选择2种以内的主色调,并选出强调色(将在下一条中解释)。这意味着你选择的2个主色调在你的品牌相关材料上,出现的频率和比重要大于其他颜色,不论是网页、Banner还是其他载体。

kamilet choose the color 2 - design, sharing - 为你的网站选择适宜的颜色

原色 深色 相似色 浅色
原色和黑色混合 原色和灰色混合 原色和白色混合

首先,你的主色调之间应该是互补或者对比的,其中一个不能比另一个更突出。如果它们不能达到平衡,可以试着用上图中的方法将某个主色调进行调整,使得两者和谐。

这个步骤不可急于求成,因为它决定了你品牌的主导颜色。在颜色选择上多花些时间,这会有好处的。

选择强调色

强调色起到了举足轻重的作用——它们可以帮助你将观众的注意力吸引到你希望着重显示的地方。如果选择不当,可能让观众错过你想强调的东西。一般来说,强调色比你的主色调要更鲜艳。

kamilet choose the color 3 - design, sharing - 为你的网站选择适宜的颜色

对于网页设计来说,强调色最适于用在类似于导航元素、号召性用语元素和其他想要着重表现的关键项目上。上图就是很好的例子,当前所在页面在导航栏上会用红色文字标识,而处于页面中心靠右下的号召性按钮(购票)非常醒目。

使用6:3:1原则

选择颜色组合是个很好的开始,但颜色调整工作还没有完成,也就是你如何在网站上具体应用这些颜色。流行的6:3:1原则可以在这里派上用场:60%的部分使用主色调,30%的部分使用辅助色,10%的部分使用强调色。具体实施的时候,也可以这样应用:60%的部分用背景或空白,30%的部分放置内容,10%的部分放上号召性用语元素。

kamilet choose the color 4 - design, sharing - 为你的网站选择适宜的颜色

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

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!


您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注