让配色更加顺畅,你需要记住的几条定律

i未知 g2016-07-14

选择配色方案的调色板

配色方案、有时就像雨后春笋办突然从脑子里接二连三的蹦出来,但更多的情况下,大家可以使用一些计划性的方法。

hbbb20160710 (4)
 

01. 将你的目的表现出来

在此之前,让大家明确目的和设计理念。一个有着含义的调色板是良好的设计要素之一。

大家可以问自己以下几个问题。

  1. 你想通过设计传递什么样的信息?

  2. 设计的目的是什么?想传递什么情报?想引导用户什么?

  3. 他包含了怎样的感情和意识?
     

02. 明确你的目标用户

ms201607101

颜色所面对的每一个人都是不同的。同一个颜色,因为每个人的个性、学问背景,经验的不同会产生不同的效果。考虑到这一点,大家就需要明白,当用户面对这样的设计时,会表现出怎样的反应。
一些颜色的含义,在世界的任何地方都是通用的,但有些则不是。绿色,一般是植物的颜色,看到他们就会联想到自然。但是红色就不一样了,他会因为学问的不同而不同。在西洋学问中红色代表的是:火(英: Fire)、暴力(英: Violence)、纷争(英: Warfare),有时也会表示爱(英: Love)或者热情(英: Passion)。但是在中国则表示的是繁荣(英: Prosperity)和幸福(英: Happiness)。


hbbb20160710 (1)

由于颜色有着不同的含义,在创建一个调色板时了解你所面对的用户的感情是非常重要的。
 

03. 了解配色方案的基本要素

选择配色时,你需要了解一些关于配色的基本常识。配色的基本,就是配色组合的基本理论和构造,具有实践性的指南。他从如何使用色轮以及每一个的意义都总结的十分全面。
 

04. 试着去寻找灵感

有的时候视觉化的必要的配色方案很难设计出来。那种时候,可以从别的设计师的作品中获得灵感。

这样独特而意外的方法,可以让你创建一些更有意思的调色版。例如,室内设计就是非常不错的案例之一。

ms201607105

当你想创建一些不同的配色方案,不妨试着转变一下思路,利用其他学问的设计。举个栗子、韩国的音乐MV、实用的多彩的调色板让人印象深刻。每一个场景,都可以给你的灵感提供参考。

ms201607106

大家也可以从日常生活中获得灵感的启发。当你走出去,室外的任何一个景色都可以作为参考。

ms201607108

当你看到了令人激动的配色时,就可以把他们做成配色版了。你可以利用Photoshop,或者一些在线工具,来调整大家所找到的配色方案。
 

05. 制作属于你的风格指南

设计系统你所需要知道的风格指南是,将所有的设计要素放在统一的设计框架之中。在这之中包含了包括按钮或字体等全部的设计要素。大家在设计时应该思考什么样的按钮或导航菜单才是应该被选用的。

在实践中如何使用风格指南,在这里有一些网页的案例可以参考。设计师一起来学习,精心挑选的50个知名品牌的风格指南这篇文章,详细先容了知名平牌是如何利用风格指南,可以用来参考。

ms201607107

因为它可以是一个简单的草图,所以在使用配色版之前,可以方便的帮助你做出你自己的风格指南。一目了然的知道利用什么样的设计要素,那么也就会明白该使用怎样的配色来进行制作了。

选择设计制作时用的调色板时,要有「KISS(略: Keep it Simple, stupid)(越简单越好)」这样的思路。首先,尽可能的减少颜色,大家需要考虑下面几点。

  1. 背景色(英: Background)

  2. 主色(英: Primary Color)

  3. 次要色(英: Secondary Color)

  4. 警告色(英: Error Color)

  5. 成功色(英: Success Color)

主色,作为一个重要的CTA按钮或强调色被使用着,很多企业将他利用在LOGO设计上。

hbbb20160710 (2)

次要色、一般利用他来区别动作行为的颜色。举个例子,在警告和成功所使用的颜色,通常使用绿色和红色,如同下面的例子,你可以利用他们来设计从而将当前状态信息传递给用户。

ms201607102
 

最后

美丽的配色,需要不断的重复,反复的去尝试。至于什么颜色最好,也是没有唯一的答案的。决定了布局和设计的功能之后,多多的去尝试各种各样的配色吧。

不断的学习如何使用颜色来进行设计,是非常重要的。在设计开始之前,不管什么样的颜色组合都能通过视觉化的效果表现出来,就可以选择更好的颜色眼进行设计了。

广州先领品牌策划有限企业,以平面设计、网站建设、微信营销、商业摄影为主要业务。相信大家给您最优质的服务,www.yzc88.com方式:020-362967911 / 13928865526 /

XML 地图 | Sitemap 地图