网页色彩搭配笔记
今天在研究网站色彩搭配的时候看了几篇好文章,就把自己认为还可以的片段截取出来,跟大家分享分享。当然如果你们遇到好的文章也希望相互交流交流。
对于一个完美的网站来说,网页色彩最多不能超过三种。网站配色一般以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这个网站里的色彩是以现实生活中的一些趣味儿事联系起来,也让人很容易理解。
总之,色彩真的是一门大学问,可以把生活中碰到的色彩点点滴滴记录下来,说不一定有那么一天咱也能写出一本...哈哈