相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

配色设计之色彩的运用

EYELD发布于:2019-8-22 14:51 |原作者: 管子哥|
EYELD
广西 北海 学生
发私信 + 关注
简介: 一期的色彩理论知识讲完了,有些同学看完后表示很受用,也有很多同学看完后表示看不懂,不理解,太枯燥。所以我决定换一种较为轻松的方式跟大家进行交流。

版权申明:本文出自“管子哥”原创,感谢“管子哥”的原创文章分享!

对于单张海报的具体配色用法相信大家在都看过不少,像K先生的《色彩搭配思维浅谈》、任星星的《图片取色配色法》 、董洁的《淘宝美工学配色之六字真言》等大神的配色分享都非常适合刚开始学设计的同学。所以关于单张海报的具体配色方法我就不多说了,而是分享一些在工作当中接到一个设计需求之后,应该从哪些角度去考虑颜色的选取和运用。

总的来说,设计师在以后的就业方向上大致会分为两个方向(工业、室内、建筑等设计在这里不谈):一种是线下视觉,主要工作内容包括:海报、易拉宝、宣传单页、台卡、桌帖等物料的设计。另一种是线上视觉,主要工作内容包括:APP界面、图标、banner、落地页、详情页等需求的设计。所以今天我们来着重分析这两种设计在具体的工作中颜色的使用上需要注意的一些问题。

(一)线下视觉设计

1、确定客户是否需要强调品牌色。

刚工作的设计小白在接到一个设计需求之后很容易用一种想当然的方式去思考问题。比如当客户叫我们做一张节日活动海报,所有的需求你都解清楚之后,你开始着手准备设计,你脑海里第一出现的想法可能是,节日活动?肯定跟红色挂钩,中国人讲究红红火火嘛,选用红色肯定就没错了,于是你想当然的就使用了红色。

这个时候你开始从各个网站找参考,找素材,所有的目标都是以红色相关的素材展开工作,花了一下午的时间终于做出了一份自己满意的设计稿。不论是从文案的排版,色彩的搭配,背景的渲染你都觉得ok了,甚至你叫你旁边的同事看过之后,他也觉得不错。于是你兴致勃勃把这份设计稿发给客户看,觉得客户肯定会满意。结果几分钟过去之后,对方回一句,能不能把颜色风格改成我们的品牌色,我们要在海报上体现出我们品牌的风格......

我之前就有过类似的经历,那时候大渝火锅要做一个关于周年庆的活动易拉宝,在理清需求之后我就立马开始了设计,按照自己的想法做了一张以红色为主色的易拉宝,结果没想到对方非常注重自己品牌的用色,看过之后说,其它都还好,就是易拉宝的主色调能不能改成蓝色。真是有苦说不出啊,和同事约好的去健身却变成了加班改稿,想在想来,要是设计之前多问一句对用色有没有什么特别要求不就省了很多事情嘛。

配色设计之色彩的运用 飞特网 设计理论

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

2、确定目标人群

目标人群的确定是大家在设计线下海报的时候经常要注意的一个问题。比如你的客户是一家培训机构,要做一张关于招生的海报,因为培训机构的目标人群分为很多种,有的培训对象是少儿、中学生,有的培训对象是大学生,还有的对象是老板、行业精英等。不同的目标人群海报所展现的风格就不一样。

少儿海报所展现出来的风格是活泼,欢快的感觉,所以在用色上会同时选择多种明度较高的色调来传递这种氛围。

配色设计之色彩的运用 飞特网 设计理论

针对大学生的海报在颜色的使用上虽然用的也是明度较高的色调,但是色调的种类会较为单一,从而体现出大学生的稳重、成熟。

配色设计之色彩的运用 飞特网 设计理论

商业精英海报要传递出来的感觉是高端、品牌、价值的气息,所以在用色上使用的是黑金、深灰等大气的颜色搭配。

配色设计之色彩的运用 飞特网 设计理论

3、确定投放地、投放环境等因素。

一张户外海报所呈现的完美效果单靠强有力的文案和完美的配色是不够的,它一定跟海报的投放环境有很大的关系。

大家有没有发现这么一个现象,我们坐地铁出去玩或者坐地铁上下班的时候,看到的灯箱海报,无论哪个行业的哪种风格,都有一个共同的特点——纯度较高的用色投放效果越好。为什么呢?因为纯度较高的颜色在灯光的照耀下能够在一定的程度上把色调变亮,从而展现出最佳的视觉效果。

纯度较高的海报通过灯光的照射能传递出更好的效果。

配色设计之色彩的运用 飞特网 设计理论

配色设计之色彩的运用 飞特网 设计理论

相反,如果用高明度的用色风格,再加上灯光的照耀,整个风格就变得更加淡了,所传递的效果也就会大打折扣。

配色设计之色彩的运用 飞特网 设计理论配色设计之色彩的运用 飞特网 设计理论

所以下次设计户外海报的时候一定要问清楚客户是投放在哪里的,这样才能更好选择用色。

除了灯箱之外,我们在平时的工作中可能更多会接触到的是一些展架、海报的设计,而这些宣传物料投放的环境千差万别,有的可能在室内,有的可能在室外,有的灯光环境可能很暗,有的灯光环境可能很亮,这就导致了你在用色的时候要考虑到实际环境的因素,要让海报的配色能够和投放环境有一个良好的协调性,从而达到最好的展示效果。

同样的室内环境下,色调更高的展架更能抓住人的眼球。

配色设计之色彩的运用 飞特网 设计理论

中间的暗色风格小海报风格和环境的颜色相差不大,传递效果非常差:

配色设计之色彩的运用 飞特网 设计理论

线下物料的宣传设计相对来说是比较灵活多变的,需要考虑的因素会比较多。所以当你在设计线下宣传物料的时候,切记不要单纯从一张海报的好看与否进行用色,在设计之前,一定要问清楚所有和配色有关的问题之后在确定海报的用色。

(二)线上视觉设计

1、如何确定一款app的主色调?

对于我们大部分设计师来说,第一次全新去定义一款产品的颜色多多少少还是会显得有些不知所措。因为对很多小公司来说,资源并没有像大公司那样有专门的设计部门,大家可以从不同的角度去分析和思考最佳的用色方案。

当我们第一次独身一人负责一款app的所有设计任务的时候,颜色的选取也只能通过自己的方式去选择了。这个时候前面所说的用色理论,色调的意向等都没有了意义,你要做的就是如何从市场上现有的app里总结出一种适用于自己产品的主色调。

以金融app为例。首先在应用市场上搜索所有与金融相关的关键字,找到用户量较高的同类型app,然后对这些app的颜色进行大概的分类,你会发现大多数金融类的app用色都是以红色、蓝色、橙色这几种颜色为主色。有少量的是以黑金、绿色为主的用色。这个时候你应该如何选择用色呢?

走少有人走的路,用绿色或者黑金?还是按照自己的想法另选一种颜色?勇气可嘉(思想单纯)的人可能会自己去另外选取一种颜色。有工作经验的人在产品没有足够强大的情况下,肯定会选择更多人走的路——从红、蓝、橙中选用颜色。

为什么呢?因为,这些已经被大众接受的颜色,才会在他们的潜意识里给他们带来视觉上的舒适度和内心上的安全感。这也是为什么当一本书畅销之后,新出版的同类型的书籍往往会选择相同风格的封面,因为当客户第一眼看到这本书的封面的时候就已经让他们联想到了那本畅销书的内容,从而更能激发客户去购买商品的欲望。

搜索关键词,找出下载量高的和页面风格符合自身产品的app进行下载,对其颜色分析借鉴,从而确定自己的产品用色。

配色设计之色彩的运用 飞特网 设计理论

2、Banner用色需要注意的问题

当你着手设计一张banner的时候,大概步骤是什么呢?正常的情况下是理清需求—找素材—着手设计—最终效果这么四个步骤。具体的设计思路我这里不讲,这里只讲会涉及到用色的情况——素材最终效果

在已经提供素材的情况下,一张海报的颜色使用,和素材有着非常紧密的联系,它关系到整张海报颜色的协调性以及传递效果。

我们先来看几个例子: 

假设客户提供的素材,要求以侧重点是内容的传递为主,我们会发现整个banner文案的颜色使用相对背景来说会突出很多,素材则为其次:

配色设计之色彩的运用 飞特网 设计理论

假设客户提供的素材,要求以侧重点是突出模特,那么我们会发现,模特的颜色相对于背景和文字会深很多,一眼看过去吸引我们的肯定是模特本身:

配色设计之色彩的运用 飞特网 设计理论

这两种表现形式的海报虽然在风格上相差不大,但是在潜意识里给人的感觉是不一样的,在促销的过程中起到的效果也就不一样。比如模特很有名,那模特本身就是一个很有吸引力的元素,以模特为主肯定没错了。又比如,一款质量很好的产品打2折,这个时候文案的突出就显得更加重要了。

所以在具体的工作当中,当客户提供了素材的时候,你必须要弄清楚,客户提供的素材是想要突出产品还是突出文案,这样才能在内容的传递上更加精准。

那是不是素材选好了,整个banner想要突出的内容表达出来了就算是一张优秀的banner呢?从单张banner看,是没错,但是如果和投放环境不协调,那就大打折扣了。

一件好看的衣服穿在不适合的人身上只会让人觉得滑稽。

配色设计之色彩的运用 飞特网 设计理论

下面两张banner单独拿出来看,其实还好,但是放在首页却和整个页面显得很不协调

配色设计之色彩的运用 飞特网 设计理论

像这种不协调的情况,在客户提供素材的时候,一定要先问清楚有没有可替代的其它素材,或者能不能用通过自己在网上搜集的素材,这样才能减少后面不必要的改稿情况。

总之所有的设计思路一定要往大的方向上思考,不要仅仅局限于一张banner本身。

3、落地页的合理配色

详情页——顾名思义就是对一款产品或者活动做具体的介绍。既然是对某个东西做详细介绍,那首先在介绍这个东西之前,你必须要了解的是:这个产品的特点是什么?属性、用户人群?对产品的定位等一系列问题。

以面膜为例做一个详情页,你必须明白这款面膜主打的是什么,是主打补水?去黑头?美白?还是其它?针对人群是大学生?青少年?中年男性?走的路线是中端品牌还是高端品牌等一系列问题。换句话说,你必须在你的详情页里把这款产品最核心的东西重点突出来,才能起到最好的传递效果。

一叶子面膜,走的是亲民路线,面对群体是年轻的男女客户,所以在详情页的设计中,不管是以绿色主的页面还是以粉色为主的风格,都是给人年轻、活力、清爽的感觉,很符合一叶子所想要传递的品牌气质。

配色设计之色彩的运用 飞特网 设计理论

我对护肤品其实了解很少,但是下面的详情页效果给我的感觉是这款产品非常的高端,能够让我联想到有气质的女性。特意百度了一下,原来是国内三大彩妆品牌之一,可见一个优秀的详情页从它的风格就可以看出对品牌的定位。

配色设计之色彩的运用 飞特网 设计理论

其实说了这么多,总结下来就是:不同的设计需求要按照不同的思路去进行颜色选取。线下物料除了需求本身,还需要考虑到具体的投放人群和投放环境,而线上的设计需求,则要考虑到平台环境、产品属性对其进行用色。无论哪种需求,最重要的还是沟通本身,沟通无障碍,事半功倍。

好了,以上就是本期的全部内容,感谢你的收看,我们下期再见~

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

15

好评
13

差评

刚表态过的朋友 (28 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

EYELD
广西 北海 学生
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计