MrBones

以下是图文版:

关注我们研习设订阅号的朋友一定都或多或少的了解一些色彩理论和配色技法,但是我相信大家往往都容易忽视一个问题就是设计之前的色彩定位。所以本期的教程我们就来探讨一下如何找准配色定位。 
我们平时在为设计配色时首先要考虑的并不是色彩理论,也不是配色技法,而是色彩定位,也就是要弄清楚我们的设计是给谁看的。 
因为当我们确定了受众之后,就可以根据受众群体的喜好来选择配色方案了,这样我们的配色才能发挥出最好的效果。 
关于配色定位我们可以三个角度出发:不同的性别偏好、不同的年龄喜好、不同的消费观念。 
首先是根据不同性别的偏好选择配色方案。从性别的角度来看,男性和女性在色彩偏好上是有很大不同的。 
比如在无彩色当中,男性通常更喜欢黑色和灰色,而女性更喜欢黑色和白色。 
而对于有彩色来说,男性通常比较喜欢蓝色和褐色,女性通常喜欢红色、橙色、黄色、紫色。而男女都比较喜欢的颜色是绿色和青色。 
接下来我们就拿相关的作品举例。这个海报中的人物是日本拳击手村田谅太,而海报的主题就是关于男性和体育的,而这里使用黑色调图片以及褐色的文字符合了男性的色彩偏好。 
这个海报的主体人物是女性,类似口红涂抹的色块使用了红色,和人物身上的红色相呼应,并且文字色也是红色,而大面积背景色白色又让整个版面显得干净有格调,这些都符合女性的色彩定位。 
这个杂志封面的主体人物是女性,背景色使用了比较少女心的粉色,人物图片上带有红色和黄色,而文字主要使用了黑色,再就是少量的白色。 
接下来就是根据不同年龄喜好选择配色方案。从年龄上大致可分成五个阶段:儿童阶段、少年阶段、青年阶段、中年阶段、老年阶段。不同年龄层的喜好在色相上并不好划分,但是从纯度和明度的角度来看还是有一些规律的。 
儿童阶段通常比较喜欢明度高、纯度较高或适中的配色组合。 
少年阶段通常喜欢明度较高、纯度适中或偏低的色彩。 
青年阶段的人群通常更喜欢明度和纯度都适中或偏低的配色。 
处于中年阶段的人群比较喜欢的是明度与纯度都偏低的色彩组合。 
最后就是老年阶段,老年人通常喜欢的就是明度和纯度都非常低的配色。 
对于无彩色来说白色是所有年龄段都适用的,而黑色和灰色除了儿童以外也都可以使用。这里划分的五个阶段只是大方向,它们之间的过渡阶段对色彩的喜好就比较模糊了,需要结合其它角度来综合分析。下面我们来看一些相关作品。 
这个海报通过图片和字体可以很明显能看出来是关于儿童的主题,而这里使用的颜色都是纯度和明度比较高的。 
这个海报的主题是摇滚青春恋习曲,搭配的人物图片也是青年男女,而这里所使用的色彩就属于纯度和明度都适中或偏低的组合。 
这个海报的画面主体是一个老爷爷,整个画面的色调非常暗,也就是我们所说的纯度和明度都较低的搭配。 
第三种方式就是根据不同的消费观念选择配色方案。所谓不同的消费观念可分为追求经济实惠和高端品质。如果我们在为设计配色时能够确定受众群体,那么就可以根据受众群体的消费观念来选择配色方案了。 
针对于追求经济实惠的消费群体,要在注重视觉美观的同时也要考虑到廉价感的体现,使用的颜色通常是有彩色、并且色彩鲜艳复杂、纯度和明度都较高。而针对于追求高端品质的消费群体,就要在表现高档的同时注意画面的质感,通常使用无彩色、色彩的使用数量较少,纯度和明度都较低。 
同样我们还是来看一下相关的设计。这个海报是关于手表的网页,手表大部分都属于高端商品,而这里正是使用了大量无彩色和少量纯度明度较低的褐色来体现的高端感。 
这个杂志封面完全使用了黑白灰的无彩色配色,从而能够很好的体现出格调感。 
这个海报是关于甜品的,甜品相对来说属于廉价商品,这里使用了比较艳丽的色彩搭配可以说是符合消费群体的色彩定位的。 
需要注意的是我们划分不同受众群体的色彩偏好是针对于大多数人的,所以并不排除个别特殊情况。并且在我们为配色定位时,这三个方面只是针对受众群体进行定位,并不全面,所以还需要结合其它因素来综合分析。 
最后我们来看看案例演示,这次的案例我们换成修改的形式。下方的三个海报是我在刷微博的时候看到的,是陈冠希的一个展览海报,我们先来简单的分析一下这三个海报。 
第一个背景是白色,除了玩偶带有颜色外其余的文字也是无彩色。第二个和第一个类似,只不过玩偶从半身变成了全身,背景从白色变成了橙色。最后这个相对于前两个来说还算好一些的,毕竟黑色背景配合陈冠希的图片还是有点感觉的。这里我们不能说这三个海报的配色不好或错误之类的话,因为设计并不是绝对的而是相对的,所以这里我只能说这三组配色缺少了一点感觉。 
所以我们在修改之前先搜集了一些资料,这也是我们平时设计所必须的。以上就是我找到的展览简介,通过对展览简介的了解我们可以提取出三个关键词:潮流、音乐、艺术,这样对于主题的风格我们就有了基本的定位。 
然后来简单的分析一下如果是我设计这样一个海报我应该怎么做。前两个海报的主体是猴子的玩偶形象,第三个海报的主体是人物形象,前两个的重点是展览的作品,后一个的重点是展览人,但是我认为这两个主体都挺重要的,所以这两个我们都保留。 
  
创建版面将人物图片置入到版面当中,由于我们想让版面的整体构图呈对称形式,所以移动并调整图片的位置,然后复制一个对称摆放。 
  
接着将主题文字放置到版面中心偏上的位置,然后将玩偶放置在主标题下方。 
  
接着将陈冠希的英文名和主标题的英文放在版面下方与主标题相呼应,并且让版面的重心达到平衡,安排好其它文字的层级关系,控制合理的字距行距,依次编排到空余的位置就可以了。 
  
最后为人物图片增加一些质感,并且为版面下方添加烟雾效果,让整个画面的环境能够融为一体。到此整个案例的版式部分就完成了,如果是喜欢这种黑白风格的话这样已经可以了,但是我们需要搭配有彩色。 
根据本期教程所讲的理论我们需要对色彩进行定位,首先我们来看不同性别偏好,对于陈冠希的粉丝来说其实并不好区分,可能女生会多一些,但是也有不少男生喜欢他,所以色彩的定位在性别上并没有明确的要求。然后是不同年龄喜好,很明显喜欢陈冠希的人群基本就是以少年和青年阶段为主。最后就是不同的消费观念,由于展览的票价并不算贵所以这一条也没有必要划分。综上所述我们得到的色彩定位就是纯度和明度较高或者适中。 
   
下面我们开始配色。首先就是为背景和人物上色,那么选择什么色相呢?其实通过我们之前的分析可以发现在色相上并没有限制,这里我选择的是一个冷暖对抗色红色和蓝色,并且将纯度和明度调整成为符合我们定位的标准,然后将烟雾也填充为红色。 
  
接着还原猴子玩偶的颜色并且适当调整,让它与画面的色彩更融合一些。最后为文字填充黄色,同样将纯度和明度调整在偏高的范围。整个案例就完成了,可以说配色的部分并不复杂,但是这之前的思考和分析往往是人们所忽略的,希望大家可以真正领会到这些精髓。 
我们来看一下最终效果,无论是字体、构图、还是色彩,都更加贴近潮流和艺术。当然这里的色彩选择也只是一个方向,只要纯度和明度控制在我们定位的范围内,其它的色相也是可以使用的。
本期的教程到这里就结束了,我们主要讲解了在为设计配色时首先要对受众群体进行分析和定位,然后按照受众群体的喜好来配色,这样我们就有了一个清晰的目标,不用再去盲目的配色,如果将本期的内容与其它色彩定位结合起来效果自然也会更好,希望大家能够掌握好这些方法。我是本期的讲师无我,我们以后见!

 

 

原文地址:研习设(公众号)
作者:研习设K先生

转载请注明:学UI网 » 别再盲目配色了!为你的配色装上GPS!

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
时尚风格如何体现?(质感篇)时尚风格如何体现?(质感篇)
色彩解读之紫色篇色彩解读之紫色篇
2019年流行色:活力珊瑚橘色2019年流行色:活力珊瑚橘色
色彩解读之色调篇色彩解读之色调篇
好色之徒升级版之创建配色体系好色之徒升级版之创建配色体系
色彩解读之黑白灰色彩解读之黑白灰
六个步骤细说电商banner图设计之色彩的奥秘六个步骤细说电商banner图设计之色彩的奥秘
色彩解读之黄色篇色彩解读之黄色篇
色彩解读之红色篇色彩解读之红色篇
甲方竟敢说你的配色丑! 我来教你怼回去(四)甲方竟敢说你的配色丑! 我来教你怼回去(四)