设计中的“配色”基础

配色方案在设计中的作用是代表要设计的对象的特性。

在设计某些东西时,可以通过确定主题颜色并根据规则策略性地安排颜色来进行更好的设计。

因此,这一次,我想介绍甚至非设计师都应该知道的“配色方案的基本概念”和“颜色给人的印象”。

配色的概念

创意办公桌笔学校大

在设计时,色彩比例很奇怪,或者仅仅使用很多色彩可能会破坏您正在设计的图像。

特别是在设计网站时,在一个网站上使用许多不同的颜色会给人造成混乱的印象。

配色方案的诀窍是确定要使用的颜色比例并缩小颜色数量。

如果您不确定配色方案,建议您使用3种或更少的颜色。通过减少颜色数量,您可以更接近具有凝聚力和紧密的设计。

颜色的数量和另一个重要的事情是配色比例是。下面,我们将解释著名的配色方案。

配色比率“ 70:25:5定律”

haisyoku01

我将使用三种颜色来讨论比率:基色,主色和强调色。

根据这三种分布,您对设计的印象会发生很大变化。通常认为良好的配色比例“基色:75%,主色:25%,口音:5%”比。

通过在设计时调整此面积比,您将获得漂亮的配色方案和均衡的设计。

然后,我将介绍每个元素的作用,分别称为主色,副色和强调色。正确理解这三个要素是掌握配色方案的第一步。

基本颜色是什么?

基色是排列颜色时占据最大面积的颜色。

它是一种占整个区域70%的颜色,顾名思义,它是构成整个图像基础的颜色。

在网站设计方面,用于“背景”和“边距”的颜色是根据要给访问用户的印象选择的。

在许多情况下,使用诸如白色,黑色和灰色之类的消色差颜色,以便不干扰主色和强调色。这是为了提高“易于阅读的文本”的可读性,因此,我们经常使用亮度低的消色差颜色。

基色是与站点图像本身有很大关系的颜色,因此在确定颜色时,请先确定基色。

至于确定颜色的标准,有必要选择与要设计的目标图像相匹配的颜色,因此让我们通过掌握颜色的印象来进行确定。有关色彩印象的故事将在后面描述。

什么是副色?

亚色是一种颜色,占“ 1/4”比例的25%。

它具有仅次于基础色的第二大面积,并具有补充为基础色选择的颜色的作用。

通过使用与基础颜色相似的颜色,可以使用子颜色创建凝聚力印象,并且可以使用不同的颜色在网站上创建运动。如果选择灰色作为基础白色,则可以获得内聚的印象,如果带来强烈的色彩,则可以移动。

口音颜色とは?

口音颜色とは、名前の通りサイトの“アクセント”变成了颜色。

作为比例,它占总数的5%,并且在许多情况下,选择的色相和饱和度与基础色和子色(与基础色相反的阴影)不同。

可以设置多种颜色,但要收紧整体设计,请先选择一种颜色。

即使色相比基色或副色强,使用的面积也很小,因此可以很好地协调。尽管它使用的区域最小,但它是最引人注目的颜色,因此让我们将其用于您要注意的内容(按钮等)。

配色及其含义

那么如何确定基色呢?

这次,作为如何选择基本色的参考“色彩”给人的印象我会解释。

让我们根据您要给目标用户的印象和打算设计的意图一次选择“基础颜色”。

颜色世界上最强大的色彩

红色图像:生活,感情,激情,阳光,爱,地狱,积极

红色具有激励观看者的效果。

它也是一种赋予温暖的颜色,还具有增加食欲和使时间流逝的感觉更快的效果。

相反,它可以与诸如破坏和暴力之类的图像相关联,并且还具有激发观看者的神经并产生战斗精神的效果。另外,因为它是一种吸引眼球并引起注意的颜色”アクセントカラー”として利用されることが多い色です。

蓝色

蓝色图像:内心的平静/夏天/开放/知识分子,诚实,理性,清洁/孤独/青年

蓝色与上面的红色相反,并且具有抑制观看者兴奋并使他保持镇定的能力。

从蓝色,您可以想象广阔的自然环境,例如“天空和海洋”。有时,它可以与天空的图像相关联,并且通常用作航空公司的图像颜色。

此外,由于它是代表水的颜色,因此它是一种流行颜色,不喜欢它的人具有很高的喜好程度,并且在设计时是首选。

蓝色本身具有增加浓度,抑制兴奋的作用,与红色相反,具有减慢时间流逝的作用。如果您想使其变得智能,也可以使用它,因此,如果适合您的主题,请充分利用蓝色效果。

橙色(橙色)

柿子彩色图像:温暖,幸福,精力,娱乐,好奇心,社交能力,居家,活跃,活跃,推理

橙色是介于红色和黄色之间的一种颜色,它使观看者感到自由,并使他们感到高兴。

它可以在各种场景中使用,因为它可以给人一种基本的积极印象,例如幸福,活力,开朗和熟悉。

浅橙色让人联想到人类的皮肤,而深色则让人联想到夕阳的光(修复)。与红色相同,它可以促进食欲,因此通常用作食品包装的基础色。

黄色

黄色图像:明亮,敏捷,好奇,有希望,有趣,活跃,快乐,危险,紧张,粗心

黄色是暖色中最明亮的一种,具有增加注意力和使心情明亮的效果。

当您想要使观看者感到高兴时,会使用此颜色,因为它具有使观看者的心变亮并使他们感到高兴的效果。另外,由于它是一种易于识别的颜色,因此当您要提醒自己“注意”时,也可以使用它。这就是为什么这种颜色经常在道路施工现场使用的原因。

绿色

绿色图像:健康,青春,清新,愈合,安全,放松,和平,平静,自然,和平,合作

绿色具有平息观看者兴奋,缓解眼睛疲劳和增加注意力的作用。
让人联想起森林等树木的“自然”色彩。

由于它具有安全性和稳定性,因此我们经常在以教育,健康和生态为主题的网站上看到绿色底色的网站。当您想要使观看者平静时使用它。

紫色

紫色图像:神秘,高贵,神秘,焦虑,空间,高贵,优雅,迷人,不现实,精神

紫色通常用于具有强烈艺术色彩的精神场合。

与紫色关联的颜色的图像少于其他颜色,并且在设计抽象事物时使用它。由于紫色通常在算命站点上使用,因此当您想唤起一个神秘或神秘的图像时,它是一种有用的颜色。

灰色(灰色)

灰色图像:镇定,优雅,稳定,犹豫,和谐,焦虑,过去,昏暗,沮丧

灰色是介于黑白之间的中性色,是一种适用于多种颜色的便捷颜色。

与之相关的图像通常具有相当负性和深色的印象,但通常用作可以平衡的颜色。由于颜色不清楚,因此给人的印象中等,但是在网站背景中很有用。 creive网站的基础颜色也使用灰色。

黑色

黑色图像:神秘,尊严,奢侈,自信,黑暗,尊严,死亡,恐惧,邪恶,沉默,绝望,男性

黑色是与灰色相同的消色差颜色,是您要表达冷淡和重量时使用的颜色。

黑色是一种可以吸收和阻挡各种颜色并收紧其他颜色的颜色。

在网站设计中,当您想要给人一种豪华和凉爽的感觉时,或者当您想要给人一种男性印象时,它用作基础色。此外,如您所见,如果您想像一场葬礼,那它也是代表死亡的一种颜色,因此当您要表达负面形象时,请充分使用它。

如何确定基准色以外的颜色

色调
根据设计目的确定一种基色后,让我们确定副色和强调色。

有一个方便的工具叫做“ HUE / 360”,它允许您仅通过确定亮度来选择均衡的颜色组合,因此请使用它。

参考▷ 10种可轻松实现色彩组合的Web着色工具

最后

你觉得呢?

颜色比和颜色选择是良好设计的重要关键。

如果由于某种原因使用了颜色,请根据设计目的尝试使用颜色。

对设计有用! 5个工具来计算黄金比例和银比例

撰写本文的人

creive編集部

这是创意的编辑部门。我们将“存档”世界上存在的“创造性”事物。