当前位置:网站首页 / 建站知识 / 网站设计知识

网页设计中显性和隐性颜色的选择和决策

发布时间:2017-04-22 20:52点击次数:

但你在做网页设计的时候,有没有想过为什么在某些情况下你的颜色看起来总觉得不对呢?它可能只是一个很简单的颜色选择,但是为什么?某些颜色更倾向于承载其他色调的特征,而其他颜色总是看起来很纯净。另外,人眼会根据前景和背景中不同的颜色产生不一样的视觉和心理感知。

这种现象可以通过显性和隐性颜色来解释。今天我们将仔细观察这两个术语,并深入了解如何在你的网站设计中选择和决策。

1、科普时间

当优势和隐性配对时,通常与科学和遗传学有关。

从眼睛颜色到头发颜色,显性和隐性基因决定了一个人的建构方式。在大多数情况下,每个人每个基因都来源于两个“拷贝”——母亲和父亲。主要基因如棕色眼睛颜色,特朗普隐性基因。隐性基因什么都不做,并且允许显性基因来覆盖它们。

在大自然这个大环境中,同样的理论在色彩和特质上几乎适用于所有的群体。大多数动物的颜色由显性和隐性基因决定,例如狗是纯色或斑点,长尾鹦鹉的毛色是蓝色,绿色或黄色。

颜色在搭配光影理论就有点复杂一些了。主色也由其在色谱中的波长定义。结合无色的光可以保持不变的单色(一色)光的波长是主要的。可见光谱中的每种颜色都被赋予与优势相关的颜色强度。

这一切都与我们如何看待和创造颜色有关。

2、主色

占主导地位的色彩总是围绕着不同的基础色调。例如,许多纯粹的颜色,例如青色,总是会添加一些自己的颜色,混合或搭配其他颜色。无论你用任何其他颜色来搭配主色,这些颜色会通过一定的表现并保持可见。

主导颜色将会始终“推动”你的整体网页设计。这就解释了为什么一些颜色往往是负责视觉冲击的,而其他的颜色会很快就褪去个“光泽”。来自色轮的纯色调天生占主导地位。原色是最主要的(其次是次级,然后是第三色),因为不能通过混合其他颜色来创建红色,蓝色和黄色。

眼睛也会感觉到图像和文件前景中的主要颜色。这可能是五一中为之的“习惯”,如果你尝试使用基于主色作为你的背景色。

3、什么使颜色占优势?

颜色优势可以通过几种方式来建立——选择使用的颜色、色调强度、锐度,对比度和感觉。

· 使用颜色

如何使用颜色也可以走向主导地位。通过在网站设计项目中简单地使用一种颜色,可以使它成为主导颜色。可以说,有几种固定的颜色在设计上比其他颜色更为主要,比如,蓝色和红色被广泛用于网站设计项目,由于与这些颜色的关联度(蓝色关于安全性,信任和可靠性,而红色与勇气,速度和兴奋有关)。

· 色相强度

强烈,充满活力和饱和的颜色可以推动几乎任何类型的网页设计方案。从颜色的命名开始识别这些色调——红色,蓝色,绿色,青色,品红色。看看上述网页设计的红色礼服,它是网站上最主要的颜色。当没有色调或任何的阴影使用时,这些颜色是最主要的。

· 清晰度

强大的前景总是会使颜色显得占尽优势,因为我们的眼睛被训练成直接与图像的前景关联。模糊的背景也有助于这一点,但是,如果图像中最清晰,最丰富多彩的部分实际上在背景中呢?在大多数情况下,这将是一个自已眼球的网站设计最占尽优势的地方了。

· 对比

通过颜色与大量对比元素相结合,例如将蓝色使用在白色背景上,将会扩大颜色的优势。虽然主要色彩几乎可以“屏蔽”任何东西,使用它们避免“色彩混乱”。但是,如果颜色看起来太强烈,加入或混合使用的其他颜色可能导致主色调的“掉色”。在上图的网页设计中,蓝色是主要颜色,所以即使是男人的胡须——灰色(隐性颜色)也会被“沾染”一些蓝色的色调。

· 颜色感

我们看颜色的方式也会影响色彩的优势。通过混合浅色和暗色调或使用大量和少量的颜色,体验通过色彩混合会如何改变视觉感觉。强度最强的颜色,即使少量使用也是主要的。此外,使用相同色调的多个色调可以产生明显的颜色优势感,特别是当与对比色调配对时。

4、隐性颜色

简单的说,隐性颜色会“消失”在背景中。这些颜色——比如粉红色或灰色,会带有周围的颜色属性。

隐性颜色通常用于背景图像,作为调色板中的“中性”,或者为焦点创建强调。隐藏的颜色是图像焦点之后的模糊或淡,或者在你应该看到的东西后面出现的图案。

看看上述这个网站设计上 使用的微妙的灰色——隐性颜色的完美例子。在标题中注意一下导航栏上的绿色环境如何?现在你再看看Flat Cam的页面设计,你注意到整个布局看起来更亮吗?背景是相同的颜色,但是从图像中接受桃色的明亮色调。相反,如果你访问Bladde Gard,会发现灰色呈现出蓝色色调。

5、颜色关系

你们都玩过这个游戏——猜哪个彩色方块比较大。在尺寸和颜色不同的正方形内呈现出几个彩色方块,但实际上它们的大小相同,只有颜色不同。这就是主导与隐性颜色之间的关系背后的原则。

现在你大概可以感觉色彩和隐性颜色之间的关系,你如何使用它们?

混合起来!

虽然有些人可能会看到隐性颜色背后的想法,并将其视为不必要的,但这是远远不够的。几乎每个好的调色板都包含着主导色和隐性色的组合,以此来创造出平衡的网页设计。没有隐性颜色的调色板对于眼睛来说可能太强烈了。也只有隐性颜色的调色板被认为是淡雅的。

总结

在理解主导和隐性色彩的同时,可能会有一写地方令人困惑的,但是这不能掩盖它是理解视觉焦点的强大工具。

主导颜色将更快地吸引注意力,通常在几乎任何设计的视觉焦点的中心。使用显性和隐性颜色在创造情绪或重点时是有帮助的。最大的一个教训就是要了解一切都是一个感知的问题 ——颜色可以通过各种方式被感知。