频道首页 搜索引擎优化 网络营销策划 整合解决方案 网络营销研究
 
项目列表
 
网络营销研究
 
 

创建网页设计配色方案

首先,我要盖一些传统的配色方案。

类似的

类似的配色方案是最简单的创建一个。 他们使用三种颜色,是传统的12辐色轮作为该计划的基础上彼此相邻。 近似​​色可以操纵他们的语气,树荫,和色调调整。


类似的颜色:橙色,红色,橙色和红色。

单色

单色计划是基于一个单一的颜色。 色相永远是相同的,但该计划将包含不同的色调,浓淡,色调的色彩。


这种单色计划使用不同深浅和色调的绿色。

三元

三元配色方案使用三个间隔均匀地分布在整个色轮的色彩。 图片的等边三角形的三个点相交的色轮来创建这个计划的三种基础颜色。 我们已经讨论过的计划像其他颜色,这些颜色的基调,阴凉处,并色调是可以改变的调整计划。


这三元的计划使用的黄色,红色,和蓝色。

互补

互补色方案是由对面对方在色轮上的颜色。 图片直线运行在任何时候,通过色轮。 沿着这条线的颜色可以弥补互补的配色方案。


蓝色和橙色:互补色计划。

拆分互补

小于互补色方案,分裂的互补性计划使用一个基本的颜色和相邻两色基色的补。 再次,这些可音,阴影,色调修改计划调整。


拆分互补计划:黄绿色与红色和蓝紫色。基本颜色是明亮的绿色。

Tetradic

tetradic的配色方案是类似三元配色方案,但使用一个三角形的一个矩形,而不是挑选从色轮的基础颜色。 使用tetradic的配色方案,提供了两对互补色,作为该计划的基础颜色。 Tetradic配色方案通常是最好的,如果一种颜色比其他人更占主导地位。


Tetradic计划:蓝绿色和蓝紫色与橘红色和橙黄色。

作出调整

即使使用传统的配色方案,它仍然是可能的不和谐或丑陋的颜色组合。 这是定制和人情味的输入和调整色调,阴影,和色调就变得很重要。 例如,以下类似的配色方案不打破任何“规则”本身,但没有任何对比,是不是很视觉上的吸引力。


类似低对比度配色方案。

与此类似计划使用相同的色调的颜色,但不同的色调,深浅和色调相比较。


类似的配色方案调整为更高的对比度。

正如你可以看到,这个配色方案更吸引人的是,有必要在网页设计中使用对比。

自定义配色方案

关闭这些传统的模式是基于并非所有的配色方案。 事实上,一些最引人注目的配色方案,只需使用一个中立的一个明亮的口音颜色调色板。 有时,使用人的直觉和从从头结果比传统的模型更醒目的颜色方案开始,可以提供。


中性口音的颜色自定义配色方案。

通常情况下,一个好地方,开始创建自己的配色方案时,与传统的车型之一。 使用以上所述,然后使色调变化的车型之一,成立了基地计划。

此外,您可能已经注意到,所有的例子中,我迄今每包含五种颜色的计划。 虽然这不是一个铁定的要求,这是一个很好的开始配色方案时要遵循的一般规则。 一旦你有五个基本颜色,加上或减去尽可能多的颜色,为您的网站要求。 这是另一个地方,人的直觉起着很大的作用。

使用Adobe Kuler

使用Adobe Kuler是一个有用的的网上资源,创建配色方案。 对于初学者来说,可以使用“规则”,直观地创建基于本文所述的传统模式的配色方案。 的Kuler也使得调整计划简单,每种颜色滑块和文本输入字段

的Kuler,您还可以使用图像 ,它可以产生一些有趣的结果创建色板 。


使用Adobe Kuler拉图像的色彩计划。

创建一旦你有你的配色方案,你可以在你的计划复制每种颜色的十六进制代码,或登录到的Kuler和下载一个使用Adobe Illustrator或Photoshop斯沃琪文件。

相反

创建网页的配色方案时,要记住的最后一件事是对比度。 刚才我提供了两个类似的配色方案之间的比较,是一个很好的例子对比的重要性。 创建色调,都具有相同的价值的颜色方案,产生一个非常枯燥的网站设计。 因此,当创建配色方案,牢记对比度。

返回