一旦您的网站运营稳定,就可以开始选择颜色了。
不确定什么好看?看看外面。大自然是色彩互补的最好例子——想想绿色的茎和开花植物的鲜艳花朵、蔚蓝的天空和白云。
从自然颜色和组合中提取上下文是开始构建配色方案的好方法。
2. 为您的配色方案设定基调。考虑到几种颜色选择后,请考虑您希望配色方案设定的气氛。
如果激情和活力是您的首要任务,请倾向于红色或亮黄色。如果你想营造一种平和或安宁的感觉,趋势偏向浅蓝色和绿色。
这也值得消极思考。这是因为负空间(无论是黑色还是白色)可以帮助您的设计避免颜色过于混乱。
3. 考虑色彩背景。考虑如何在对比中感知颜色。
在下图中,每个圆圈的中间具有相同的大小、形状和颜色。唯一改变的是背景颜色。
然而,中间的圆圈看起来更柔和或更明亮,具体取决于其后面的对比色。您甚至可能会注意到基于一种颜色变化的移动或深度变化。
这是因为我们对两种颜色组合的感知不同。因此,当您为图形设计选择颜色时,请考虑整个设计中您想要多少对比度。
例如,如果您要创建一个简单的条形图,您想要带有深色条的深色背景吗?可能不是。
您可能希望在条形和背景之间进行对比声音本身,因为您希望观众将注意力集中在条形上,而不是背景上。
4. 请参考您的色轮。接下来,考虑您的色轮和上面提到的方案。使用单色、互补色和三色等方案选择几种不同的颜色组合,看看哪些颜色脱颖而出。
这里的目标不是在第一次尝试时找到完全正确的颜色并创建完美的设计,而是了解哪种方案自然地与您的个人感知和网站外观产生共鸣。 p>
您可能还会发现您的某些方案理论上看起来不错,但并不适合您的网站设计。这是该过程的一部分 - 反复试验将帮助您找到能够突出显示您的内容并改善用户体验的调色板。
5. 起草多项设计。起草多种颜色设计并将其应用到您的网站,看看哪一种脱颖而出。然后,退后一步,等待几天,再次查看是否是您最喜欢的已经改变了。
原因如下:虽然许多设计师的愿景是他们想要看到什么以及什么看起来不错,但最终产品在数字屏幕上看起来通常与物理色轮上不同。看似完美的补充或理想的流行色彩最终可能会显得单调或过时。
不要害怕起草、审查、再次起草,然后扔掉无效的内容 - 颜色就像网站创建一样,正在不断发展。
Cristache 在数字设计领域工作了 20 年,他补充道:“你对色彩的运用越多,你就会做得越好。没有其他办法可以解决这个问题。”
专业提示:使用 HubSpot 提供帮助。当然,您可以为您的业务生成调色板。您还可以生成免费的徽标设计、网站图标和社交媒体图标以及其他品牌元素。
如何使用调色板虽然配色方案提供了使用不同颜色的框架,但您仍然需要使用调色板 - 您将选择使用的颜色您的项目。
如果您对使用什么颜色感到困惑,请考虑使用 HubSpot 来发挥您的创造力。
以下是一些充分利用调色板的最佳实践:
1. 以灰度工作。这听起来可能违反直觉,但从黑白开始可以帮助您准确了解设计中存在多少对比度。
在添加颜色之前,先布置文本、CTA、插图、照片和任何其他设计功能等元素。您的设计的灰度外观将决定其彩色外观。
如果没有足够的明暗对比,您的设计将很难被观看,从而给观众带来不太令人满意的用户体验。对于有视力障碍的人来说,低对比度设计是无法实现的。
2. 使用 60-30-10 规则。60-30-10 规则经常用于家居设计,对于网站或应用程序设计也很有用。
60% 原色或主色 30% 二次色 10% 强调色同时您不仅限于使用三种颜色,该框架将提供平衡并确保您的颜色无缝协作。
Cristache 说:“你不能同时使用四种强调色。营销材料通常给你的空间非常有限,对吗?对于使用颜色的方式和位置要非常谨慎。”
3. 尝试你的调色板。选择颜色后,请尝试找出哪种组合效果更好。考虑复制或文字在主颜色之上的外观(60% 通常用作背景颜色)。
尽量不要使用按钮的主颜色,因为您已经在其他地方使用它了。考虑使用一种强调色。
来源:hubspot