为什么我做的东西就是丑?色彩指南告诉你该怎么做

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

恐怕大家都有过这种体会,自己做出来的东西怎么看怎么丑,为啥颜色这么怪?为啥显得这么low?

为了解决这个问题,我们拿一些色彩使用的成功案例来说一说,颜色到底该怎么选。

第一印象只有一次机会,慎重,再慎重!

读者或用户选择你的的网站往往是通过一些按钮实现的:订阅、关注、分享、购买……但是,什么决定了他们到底会不会点击呢?那就要看用户在浏览时的心情了,而颜色对于情绪的影响是十分直接的。

1. 红色:pinterest对红色情有独钟

#FF0000 |(255,0,0)

与红色相关:1.血 2.战争 3.火 4.阳刚 5.激情 6.诱惑 7.愤怒 8.力量 9.能量 10.鼓励

如果你关注过Pinterest会发现,红色是它绝对的主色。红色无疑是最火热的颜色,与爱紧密相关,它会让你心潮澎湃,对其周围的事物兴奋不已。

红色经常在促销活动中出现,它会对客户造成一种强烈的紧迫感,促使行动的发生。虽然红色能让人处于兴奋状态,但一定要慎用,否则用户的弦也会绷断。

如何使用?

红色作为主色时,最好用和白色、灰色、浅蓝色或者音色来中和这种强烈的冲击感。

优秀配色

By jimjim421

关于红色的冷知识

人眼能看到的红色大约在630-700纳米的波长范围,在这个范围之外的红色光虽然无法被看到,却能以热量的形式感受到。

2. 橙色:Amazon偏爱橙色的力量

#FF7F00 |(255,127,0)

与橙色相关:1.乐观 2.决心 3.火 4.警告 5.秋天 6.宗教 7.耐力 8.同情 9.万圣节 10.有机体

橙色代表热情和活力,但是和强烈的红色相比,它则更显温暖。这种活泼而有好的颜色会鼓励人们去行动,而并不会让人感到逼迫或催促。不过当它用来鼓励购买、订阅等行为时,橙色会让人感到有攻击性。

所以我建议在用户将要离开网站时,橙色可以用来鼓励他们留下些愉悦、富有创造性或充满热情的东西。

如何使用?

所以我建议在用户将要离开网站时,橙色可以用来鼓励他们留下些愉悦、富有创造性或充满热情的东西。

优秀配色

By manekineko

关于橙色的冷知识

系统定义的橙色(#FFA500)是唯一一个在CSS中定义却没有收录到HTML4.01中的颜色。

3. 蓝色:Facebook用蓝色给人们安全感

#0000FF |(0,0,255)

与蓝色相关:1.真实性 2.友好 3.魔力 4.男孩 5.冰 6.特许权 7.冬天 8.警察 9.天空 10.水

你会发现,很多企业以及他们的网站喜欢使用蓝色,它会让我们联想到安全、可靠以及富有经验。因此就不难理解,为什么企业在渴望与客户建立长期关系时使用蓝色了。

蓝色有着与红色完全相反的感觉,蓝色能让我们平静下来,所以你可以放心大胆的在网页上使用大块蓝色~

如何使用?

蓝色的使用可以更为大胆,不用害怕它给用户的冲击感,作为底色或背景色都是不错的选择。

优秀配色

By entitydesigns

关于蓝色的冷知识

在2009年发表的一项调查显示,蓝色是46%的男性和44%的女性最喜爱的颜色。

4. 绿色:团购Groupon,绿色拥有聚集的魔力

#00FF00 |(0,255,0)

与绿色相关:1.钱 2.贪婪 3.生长 4.嫉妒 5.自然 6.春天 7.健康 8.青年 9.草 10.希望

当你看到绿色的东西,草坪、大树、一盆绿植……他们都会让你快速平静下来,带给你乐观的情绪。绿色与自然相关,是环保运动最爱的颜色,他们的logo中总少不了绿色。

绿色能让人感到清爽和放松,给人以平衡和愉悦之感,它在设计中往往作为平衡、和谐而存在。

如何使用?

优秀配色

By Skybluue2u

关于绿色的冷知识

在一些语言体系中,包括古汉语、泰语、古日语一级越南语,绿色和蓝色对应的是同一个词。

5. 紫色:Yahoo!在logo上泼洒紫色

#800080 |(128,0,128)

与紫色相关:1.财富 2.特权 3.贵族 4.成熟 5.浪漫 6.人工 7.异域风情 8.灵性 9.豪华 10.女性

紫色总是和想象、创造、尊严、高贵和富足相关,而大片强烈的深紫色则与黑暗、奢侈和财富相关。紫色的镇定作用要强于其他任何颜色。

紫色往往用在美容、时尚产品,它和女性的联系更为紧密。当你看到紫色的东西,你一般会认为它是人造的,因为在自然界中这种颜色非常稀有。

如何使用?

类似红色,强烈的紫色也会给人以胁迫感,所以在使用的时候最好用黑色或白色进行调和,这样会感到舒服很多。

优秀配色

By Miaka

关于紫色的冷知识

在2007年4月有人提出古细菌是利用紫色的色素来吸收太阳的能量的,而并不是现在的叶绿素。如果是这样的话,海岸将会有大面积呈现紫色,这就是“紫色地球”假说。 

6. 还有一种特别的颜色,就是……

没有颜色!黑白灰,简洁、现代的配色

#000000 #808080 |(0,0,0)(255,255,255)

与无色相关:1.权利 2.优雅 3.空间 4.柔软 5.天堂 6.和平 7.清白 8.悲观 9.抑郁 10.无聊

黑白灰是万能色,它们一般会作为背景色,或者用来调和其他饱和度较高的色彩。

黑色永远代表现代、神秘、优雅和力量,灰色则是一种中性颜色,代表平静和无形的东西,如阴影。如果说灰色看起来有些脏,那么白色则完全相反,它往往代表洁净开放、简洁和极简主义。

如何使用?

黑白灰带给人一种平静中的冲击感,大色块的对比或是细线条表达都会有很好的效果。

优秀配色

By munsteri

下面附上一些配色不错的网页,以及配色方案,仅供参考~

多图预警!

Abby Putinski

andCulture

Artem and Julia Wedding

BarCamp Omaha

Caramel Budgie

Collision Labs

Connect Mania

Dangers of Fracking

Dear Mum

do a backflip

Dropify

Verde

Every Last Drop

Flow Media

Gloo Sticker Albums

Gum

Hy

jorgeATGU

Kick My Habits

Lets Yep!

Netlife

Nineswiss

Pixilate

Rainbow Nursery

Sailthru 2012 Annual Report

Sánchez Romero Carvajal

Squarespace

Studio MPLS

Tapped

The Basement

The Design Files Open House

Think Big

Tornobambino

TriplAgent

WDG

Will Fernandes

Xylem Digital

YCN Studio

01. Complementary blue by tudor.girba

02. Swimming Sports by julievonderropp

03. Sunny Shores by twinklebunnytoes

04. Sea Foam by louisan

05. Lilac Bathroom by nightzdragonz

06. Leviathan by matthepworth

07. Bleu Blanc Rouge by kuler

08. blueberry pie by elsabartley

09. Nautical Cruise by thecolorcat

10. Giant Attack Robot by stevereed.m

本文由百度新闻实验室(id:baidunewslab)独家编译,原文载于1stwebdesigner.com,版权归原作者所有,转载请注明来源。

编译:刘建坤

随意打赏

提交建议
微信扫一扫,分享给好友吧。