怎样优雅地玩转配色

发表日期:2019-05-14 09:55:00 文章来源:微距创意

为了让大家知道配色对于传递信息有多重要,微距创意引用《The Impact of Color on Marketing 》这篇文章中的一句话,经研究发现,百分之九十的用户购买商品的时候,都是因为他的配色才去购买的。
想让配色的使用更加有效果,这在设计中是非常重要的,也就是构想出一个全新的配色方案。每一种颜色都有着他独特的意思,将他们组合起来也就能传递出无限的可能。
这篇文章介绍的是如何让你的配色与你的设计更加搭配的方法。
选择配色方案的调色板
配色方案、有时就像雨后春笋般突然从脑子里接二连三的蹦出来,但更多的情况下,我们可以使用一些计划性的方法。
01. 将你的目的表现出来
在此之前,让我们明确目的和设计理念。一个有着含义的调色板是良好的设计要素之一。
我们可以问自己以下几个问题。
▶ 你想通过设计传递什么样的信息?
▶ 设计的目的是什么?想传递什么情报?想引导用户什么?
▶ 他包含了怎样的感情和意识?
02. 明确你的目标用户
颜色所面对的每一个人都是不同的。同一个颜色,因为每个人的个性、文化背景,经验的不同会产生不同的效果。考虑到这一点,我们就需要明白,当用户面对这样的设计时,会表现出怎样的反应。
一些颜色的含义,在世界的任何地方都是通用的,但有些则不是。绿色,一般是植物的颜色,看到他们就会联想到自然。但是红色就不一样了,他会因为文化的不同而不同。
在西洋文化中红色代表的是:火(英: Fire)、暴力(英: Violence)、纷争(英: Warfare),有时也会表示爱(英: Love)或者热情(英: Passion)。但是在中国则表示的是繁荣(英: Prosperity)和幸福(英: Happiness)。
考虑到强调色等颜色、配色以图形的模式在下面表现出来了。
03. 应用调色板
什么样的颜色适用于风格指南呢?让我们来看看这个比较容易理解的 Airbnb(一个旅馆预定网站) 的例子。Airbnb的强调色,是可以显示公司住所地址的红色(英: Rausch)。绿松石色(英: Kazan)是辅助色、背景色则使用了两种灰色(英: Foggy / HOF)。
Airbnb的很多页面,背景色使用的是比较明亮的灰色(英: Foggy)。比如下面的例子、预约房间是非常重要的动作,就使用了作为主色的红色(英: Rausch)。
绿松石色(英: Kazan),使用它能更好的引人注意。在下面的这个例子中,你可以看到他作为辅助色很好的帮助了原色。
Airbnb 的错误信息提示,大概将红色(Rausch)进行了一些调整,利用了比较亮的红色。在图中所使用的感叹号(! 英: Exclamation Mark)和红色相组合,立即跃入了用户的眼中,将当前系统的状态传递给了用户。
让我们试着使用最初的颜色来做设计吧。试着将他们放在布局和设计的焦点之中。在这些都完成之后,将调色板应用于设计吧。
考虑一下关于视觉的层次感(英: Visual Hierachy)。考虑什么样的要素,什么样的颜色与设计才是最匹配的。还有,鼠标在要素上悬停和点击时的动作的响应,你可以考虑利用不同的颜色。
最后
美丽的配色,需要不断的重复,反复的去尝试。至于什么颜色最好,也是没有唯一的答案的。决定了布局和设计的功能之后,多多的去尝试各种各样的配色吧。
不断的学习如何使用颜色来进行设计,是非常重要的。在设计开始之前,不管什么样的颜色组合都能通过视觉化的效果表现出来,就可以选择更好的颜色眼进行设计了。

181866695531767146085016620809061

湖北省武汉市东湖高新区武大科技园慧园楼2栋911

X

欢迎光临微距创意~
请问您想咨询什么业务?

立即咨询稍后询问