登录

创建一个网站

188金宝搏官方app下载安卓Pagecloud标志
网页设计

为你的网站选择一个不糟糕的配色方案

Lauren Olson, 2017年2月2日

尽管颜色就在我们身边,但我们大多数人都不会花很多时间思考颜色,不是吗?

当然,当你参观经销店时,你知道你想要的是那辆轻佻的蓝色车,而不是那辆恶心的棕色车。两年前你就知道你想要棒棒糖,不,是小美人鱼,红头发。(顺便问一下,结果怎么样?)

你可能会和你的伴侣为厨房到底应该选择黄油黄色还是菊花黄色而争吵。好悲伤。

所以,当涉及到你的网站——你的在线品牌,你的虚拟握手,你自己的数字表达——你是如何选择你的调色板的?大多数时候,只选择一种颜色就足以阻碍进程。

颜色是一门科学,真的。

英国物理学家和数学家艾萨克·牛顿在17世纪60年代发现,通过让光线穿过棱镜,他可以识别出构成可见光谱的7种颜色:红、橙、黄、绿、蓝、靛、紫。他发明了色轮,用来显示颜色的递进,就像这样:

...你最好感谢你的幸运手机壳他做了,因为色轮正是你需要的工具,让你做出明智的选择,把颜色放在一起为你的网站。

有三种主要的配色方案将最好地指导你的网站的设计和创作:相似配色方案,单色配色方案和三元配色方案。

每一种都会给你的网站带来不同的“氛围”或驱动一个特定的外观。

一个类似的配色方案由轮盘上相邻的颜色组成,其中一种是主导色。它看起来是这样的:

主色(中间的颜色)应该是你的主色,其他的颜色可以用来突出你网站的其他部分,比如在菜单中,或者把眼睛吸引到重要的部分。

一个单色配色方案是由单一的颜色或色调构建的,它的变化是由色彩(添加白色)或色调和阴影(添加黑色)创建的。它看起来是这样的:

单色的配色方案可以让你的网站看起来更柔和。这种方法还可以保证你不会意外地冲突颜色,你可以避免让你的网站看起来“太忙”。

一个三合一的配色方案使用色轮周围均匀间隔的颜色,如三角形。它看起来是这样的:

三合一的配色方案很流行。这是一个高度对比,年轻的设计方案,如果做得好,它会产生一个非常“响亮”或“有趣”的网站。

颜色可能对每个人来说都不一样。

还记得在小学的时候,你的坏朋友告诉你,也许他看到的绿色就是你看到的蓝色?然后你回到家,陷入了一场生存危机,怀疑是不是每个人都有《辛普森一家》里霓虹灯般的黄皮肤,但你却看不出来,因为你的眼睛破了?

我不是来重新打开那堆麻烦的。关于颜色知觉,需要记住的是,色盲是有实际可证明的程度的。

8%的男性(是的)全世界0.5%的女性不能区分光谱上不同的色度。

当你在设计你的网站时,记住这一点可以帮助你。色盲有很多种,但最常见的是红绿(绿色盲)。

年代例如,患有这种色盲的人将无法区分紫色和蓝色。这是因为他们的眼睛看不到紫色中的红色。(他们真糟糕!)

避免这种问题的最好方法是不要在彩色背景上使用彩色文本。坚持使用白色或黑色字体。

颜色在某种程度上是一种心理学。

冷静点,我们不会鲁莽行事的。蓝色可能不会“治愈”你的链球菌性喉炎,就像橙色不会让你“发疯”一样。然而,颜色也有可测量的心理影响。

我们知道红色会让人产生一种紧迫感,并且很适合按下行动按钮。白色代表干净、纯净和中立,在推动注册或销售方面效果不佳。

绿色暗示健康和金钱,紫色暗示智慧、王权和尊重。蓝色是放松的,平静的。黑色是强有力的,象征力量和权威。

想想你的网站上展示的服务或产品的类型,选择一种颜色来反映情感故事。

总之,颜色实际上比你想象的要简单。

如果你还在纠结网站要用什么颜色,那就从基础做起吧。看一看你在页面上积累的任何视觉内容。这可以是视频,图片,甚至是你以后要嵌入的应用程序。

从你网站上的图片中提取你喜欢的关键颜色可以缩小范围。你是一个时髦的有机冰棍制造商吗?

使用明亮的霓虹灯绿色从您的图片之一,并尝试组合类似,单色或三合一方案!

类似的例子:

单色的例子:

三合一的例子:

你自己去试试吧!如果你喜欢色彩,仔细考虑你想要的“氛围”,认真检查你当前的内容,你会发现最适合你的色彩方案。

写的

劳伦·奥尔森

轻松组装您的网站,不需要代码。

免费试用14天,不需要信用卡。

喜欢读吗?

加入我们的每月通讯,在搜索引擎优化,网页设计,和更多有用的提示!