网页色彩搭配笔记

今天在研究网站色彩搭配的时候看了几篇好文章，就把自己认为还可以的片段截取出来，跟大家分享分享。当然如果你们遇到好的文章也希望相互交流交流。

对于一个完美的网站来说，网页色彩最多不能超过三种。网站配色一般以logo的色彩来搭配整个网站。

社交分享工具Buffer的联合创始人Leo Widrich在博客上补充了关于色彩的一些观点，摘录部分内容如下。

灰色：象征冷静、中立；（苹果、维基百科、纽约时报……）
绿色：象征健康、生命；（BP石油、食品超市whole foods、星巴克……）
蓝色：象征可靠、力量；（戴尔、大众汽车、IBM……）
紫色：象征智慧、想象；（雅虎、T-Mobile、科幻主题电视台Syfy……）
红色：象征血气、年轻；（可口可乐、乐高、肯德基……）
橙色：象征欢乐、信任；（芬达、亚马逊、火狐……）
黄色：象征温暖、透明；（百思买、法拉利、麦当劳……）

以上摘要内容来自http://www.pspsd.com/blog/3678.html  真心的觉得这篇文章对网站色彩搭配诠释的很好！所以，截取了片段出来。

然而对于我们消费者来说：我们对于色彩也有不同的理解。

黄色：吸引注意力的购物窗口；
红色：刺激心血的紧迫感，常出现在清仓场景；比如：
蓝色：多用于银行和商业机构里，强调安全；
绿色：让人联想到富裕和轻松，缓解压力；（支付宝的信用卡还款按钮选择了绿色作为主色调，能够理解原因了吧）
橙色：呼叫意味浓厚，用于创建下订、购买、出售的行动；
粉色：服务于女性和年轻女孩的浪漫色调；
黑色：奢侈品的最佳匹配；
紫色：给人舒缓&平静的感受，常被美容及抗衰老产品使用；

http://www.pspsd.com/?p=3399&preview=true

这篇文章里面我最喜欢的那句话是：“人们在接触这些色彩的时候，常常都会以为色彩是独立的：天空是蓝色的、植物是绿色的、而花朵是红色的。但色彩就像是音符一样，唯有一个个的音符才能共同谱出美妙的乐章。”

色彩是由三种「色相」、「明度」以及「彩度」三种属性所组成，在色相环的组成中，相隔180 度的色彩我们称之为互补色。例如：R与G互补。

由于互补色有强烈的分离性，所以使用互补色的配色设计，可以有效加强整体配色的对比度、拉开距离感，而且能表现出特殊的视觉对比与平衡效果，使用得好能让作品令人感觉活泼、充满生命力的感受。

当然如果将色彩的条件稍微放宽一点，比如说180 度互补色的临近色系也搭入配色考虑的话，可以形成的色彩配色就更宽广、更丰富了。

使用互补色的时候应该注意如下：

1、使用互补色配色时，必须利用大面积的一种颜色与另一个面积较小的互补色来达到平衡。可以选择其中之一的颜色为大面积，构成主调色，而另一颜色为小面积作为对比色。经验上会以3：7 甚至2：8 的比例分配原则。

2、色调比例搭配底色：70%，主色：25%，强调色：5%

其中http://www.pspsd.com/blog/3236.html这个网站里的色彩是以现实生活中的一些趣味儿事联系起来，也让人很容易理解。

总之，色彩真的是一门大学问，可以把生活中碰到的色彩点点滴滴记录下来，说不一定有那么一天咱也能写出一本...哈哈