赞助商
立即赞助

超实用!零基础新手也能轻松学会的配色技巧

平面设计3年前 (2021)发布 流光
3.9K 0 0

@研习设K先生 :配色是很多人都较心的一个问题,之前的程我给大讲解过一些配色思路和配色方法,而今天我就教大家一个比简单用的配色技巧,这个方法就算你不懂色彩理论也是可以上的。

超实用!零基础新手也能轻松学会的配色技巧

超实用!零基础新手也能轻松学会的配色技巧

其实配色过程跟盖楼样,要按照正确流程进,最后定能够到想要结。反,如毫逻辑没有相应和法,自然也不会到好结。

超实用!零基础新手也能轻松学会的配色技巧

超实用!零基础新手也能轻松学会的配色技巧

超实用!零基础新手也能轻松学会的配色技巧

而本期程我们要讲的配色技巧,就相当于在已经准备好建材的基础上,决定建么样格的建筑。

选择和印象相符的配色形式

这个配色思路就是从色彩的形式发进行配色,就是说配色之前要根据设计想要表现的印象来决定采么样的配色形式。如果择了正确的配色形式,自然就可得到良好的配色效果。

超实用!零基础新手也能轻松学会的配色技巧

我们举一个简单的例子。这里有个甜,虽然各一样,但是有相同的地方,如它们使的基本色都差多,就是有彩色红、绿、上无彩色黑、白。

超实用!零基础新手也能轻松学会的配色技巧

红、绿、可体现食的健康感,这个颜色中,暖色的红色和色够体现健康和,而偏冷色的绿色衬托了红色和色并且保持了整体配色的平衡,而无彩色黑色和白色在这里起到的就是调和作。虽然这个甜的色彩都相差多,但给人的感觉却是同的,原因就在于它们使了同的配色形式。

超实用!零基础新手也能轻松学会的配色技巧

第一个甜给人一种强烈、大胆、健康的感觉,这些感觉是通过大胆的对形成的,这里的对并是指红色和绿色在色相上的对,而是指形式上的对。如这个甜上方大颗的草莓和大片的绿叶形成了对系,并且没有他物体的干扰,而白色的奶油和黑色的巧克又为整体增添层次。

超实用!零基础新手也能轻松学会的配色技巧

同样的色彩这里却使了同的形式,相之并没有一个明确的体,绿色和色的分量是相当的,而红色在白色的奶油上散开给人一种自由、随性、受约束的感受。而且破碎的巧克是对整体散开式配色的一种呼应,甜够呈现惬意、自由、乐的气氛。

超实用!零基础新手也能轻松学会的配色技巧

最后这个并没有么特别之处,黑色的巧克上方是白色的奶油,奶油的上方是集中摆放的基本色,元素之间没有太大的体积差别,从而形成了一个色彩组合,给人一种定、沉稳、中规中矩的感觉,你既说它哪里好说哪里好,总之就是较全但缺一些创意的配色形式。

超实用!零基础新手也能轻松学会的配色技巧

对比式

无论是大自中的彩还是人为创造的彩,虽有各自的特点,但最终以划分为三种形式。首先我们来看一种对比式。

超实用!零基础新手也能轻松学会的配色技巧

对比式就是版面中的彩分呈对比的形式,通形式对比来增强视效果,以表现出强烈、大胆、明确的印象,将版面划分出不同的区域通颜区分以加强对比的形式。

超实用!零基础新手也能轻松学会的配色技巧

对比式并不只存在当中,比各类育赛开场之前运动们按照自己的伍站成一排形成对比的形式。

超实用!零基础新手也能轻松学会的配色技巧

比说下象棋,开始之前按照要求的位置摆放棋子也是对比式。

超实用!零基础新手也能轻松学会的配色技巧

还有就是历史古装剧中,双方开战之前一字排开的阵形也属对比式。

超实用!零基础新手也能轻松学会的配色技巧

我们来看看对比式的彩意象,正面意象有强力、明确、热情、认、坚定、紧、个、清晰、、阳刚、大胆。负面意象有不安、固执、苛刻、浓烈、强硬、严酷、下流、呆板、守、锐、对抗等等。下面我们来看看相关的设计品。

超实用!零基础新手也能轻松学会的配色技巧

是一个倡导和平的益报,设计者希望通对等的理念,来让人们消除彼此之间的隔阂与矛盾。里采用的形式就是上下结构的对比式,表现的意象分明确和清晰,即使身有偏淡也不影响到主题的突出。

超实用!零基础新手也能轻松学会的配色技巧

个报也是上下构图的对比式,在黑的背上使用红和绿,显得强力、明确和坚定。而彩身又具有明显的相对比,从而更加奠定整简洁、明快的风。

超实用!零基础新手也能轻松学会的配色技巧

个报同样也是对比式,版面从中间切开,标题位正中央,左是以粉为主的暖,右是以绿为主的冷,而文字信息集中在左与右形成繁简对比,进一步强整个版面的对比形式。

散开式

超实用!零基础新手也能轻松学会的配色技巧

第二种形式就是散开式。所谓散开式就是指色彩在画面中散开来,没有集中于中心位置或左右上下的显对比,所以也就不会给画面带来紧张和压迫,并且也不会压抑色彩的个性,给人一种快、由、洒脱的印象。

超实用!零基础新手也能轻松学会的配色技巧

还是拿体育、象棋和战争来比喻。篮球比赛开始之后,球员在地上四奔跑就是散开式。

超实用!零基础新手也能轻松学会的配色技巧

下象棋从下第一步开始就破了对比的形式,随着棋的动渐渐形成了散开的局势。

超实用!零基础新手也能轻松学会的配色技巧

战争发动之后,战马、将士、兵器都会在混乱的状下相互交错形成散开式。

超实用!零基础新手也能轻松学会的配色技巧

散开式的正面象有由、奔放、愉悦、轻快、随性、舒适、然、优雅、性、惬。负面象有轻浮、无用、散漫、随、亢奋、幼稚、花哨、柔软、大、简。下面来相关的计作品。

超实用!零基础新手也能轻松学会的配色技巧

这个海报使用的图案就是散开式的布形式,在种色相之间交替重复,并没有哪个颜色别突出,给人一种由、放、无拘无束的视觉受,在不需要别调主体的画面中可以放心使用。

超实用!零基础新手也能轻松学会的配色技巧

这个海报虽然主体是人物图像,但是它并不属于中心式的配色形式,因为这不同色彩的毛绒球在画面中散开来,并没有哪个颜色别突出,性人物相结呈现出优雅、然、惬的受。

超实用!零基础新手也能轻松学会的配色技巧

这个海报在黑色的背景上使用彩色,散的文字笔画使用了不同的颜色并且纯度都比较高,整体的色彩布呈散开式,给人的觉是由、奔放、随性,主题内容形成了好的呼应。

中心式

超实用!零基础新手也能轻松学会的配色技巧

第三形是心。心是将色放在画心进突出和强调,这里要注意控制好主色和其他色关系,尽量让主更加鲜明,并主使用色尽量不要用在其他地以免造成干扰。心最主要特是可以传统感和稳定感,为们于心明确事物容易生踏实感觉会觉内心平静。心也有不好地是比较保守,不适合用来表现具有创意性内容。

超实用!零基础新手也能轻松学会的配色技巧

是以篮球为例,决赛结束后所有视线都会在教练或 MVP身上,球员们可能会把教练抛空,有是 MVP颁奖环节,这些都属于心。

超实用!零基础新手也能轻松学会的配色技巧

心也能体现出社会性,比如庙心是佛祖,两侧是左右称护法,从大殿到口都是按照心布。

超实用!零基础新手也能轻松学会的配色技巧

与此类似有代宫廷,君主坐在心位,大臣们呈称形站在大殿两旁,用心来体现绝权威和正统。

超实用!零基础新手也能轻松学会的配色技巧

心也具有它意象,正意象有安定、沉稳、安全、稳、正、格调、常规、高级、传统、坚定。负意象有保守、呆滞、固执、孤僻、闭锁、土、年、陈旧、消极、刻板。样我们是来看看相关作品。

超实用!零基础新手也能轻松学会的配色技巧

这个海报很明显是个品广告,而品广告使用心是很常见,有是装设计也很适合使用心配色形,不仅可以体现出品安全感也会让个画显更加稳和规矩。

超实用!零基础新手也能轻松学会的配色技巧

这个海报如从色相度来看可能有会误以为是比,为这里使用了绿色和紫红色。是从我们这期教程所讲理论来看属于心,为绿色是个画背景色,而紫红色雪糕位于版正心位,文围绕主体编排在四规矩稳定感和秩序感。

超实用!零基础新手也能轻松学会的配色技巧

这个海报很明显也是心,色比较淡雅,黄色作为主体色放在版心偏下位,蓝色文安排在画边缘,简洁和稳定感觉。

案例演示

  1. 对式案例

最我们来看看案例演示。次的案例我们设计的是关宠物领网站的首页头图,针对三种形式来分别演示,首先我们来做一稿对比式的形式。

超实用!零基础新手也能轻松学会的配色技巧

一步创建版面,因为是对比式所以我们就用最简单直接的方式,就是将版面一分为二暂且填充灰。

超实用!零基础新手也能轻松学会的配色技巧

因为是和宠物相关的内容,所以我们选择一小狗的图来为版面的主,将图放置到版面中心位置并进行去底处理。

超实用!零基础新手也能轻松学会的配色技巧

创建网,里我们使用的是二栏网,接着编排文字内容。

超实用!零基础新手也能轻松学会的配色技巧

先将琐碎信息和小元素编排,提取关键信息放大处理并且放在主下方,以免对主造成干扰,因为考虑到还有其他信息所以先降低它的透明度,将其余内容依次编排到版面当中,版式部分就完成。

超实用!零基础新手也能轻松学会的配色技巧

接下来就开始,因为我们先已经确定对比式的,所以具使用什么相已经不重要,并没有一个明确的标准,以根据个人喜和风定位来选择。

超实用!零基础新手也能轻松学会的配色技巧

里为更加凸显对比式的形式,所以选择对比强的黄和蓝紫。

超实用!零基础新手也能轻松学会的配色技巧

最将文字填充白,并且继续整大英文的透明度,让他为背底纹存在。

超实用!零基础新手也能轻松学会的配色技巧

超实用!零基础新手也能轻松学会的配色技巧

超实用!零基础新手也能轻松学会的配色技巧

第个比案例完成了,这里我尝试了几组配色,不过是感觉有黄色比较舒服,为主体小狗颜色是黄色,所以看起来会更加融入些。

  2. 散式案例

超实用!零基础新手也能轻松学会的配色技巧

下面我们用同样的内容做一稿散开式的。次我们使用狗狗数量一的图填充版面,小文字和元素不需要变动,

超实用!零基础新手也能轻松学会的配色技巧

将网显示出来,重新编排标题内容,根据版面的整构图,我们居中对齐。

超实用!零基础新手也能轻松学会的配色技巧

进行到里能有的人有懵,心想哪是什么散开式啊,别急,方法有很。

超实用!零基础新手也能轻松学会的配色技巧

我们还是先用最简单直接的方式,就是添加块。

超实用!零基础新手也能轻松学会的配色技巧

整图的混合模式,让背图显示出来,最将文字的黑度稍微降一点点,个散开式的案例就完成。

超实用!零基础新手也能轻松学会的配色技巧

我道肯定有人得个形式有简单,所以我也另做一稿,当你也以从散开式的角度出创出更的形式。

  3. 中心式案例

超实用!零基础新手也能轻松学会的配色技巧

后我们再看看第三种形式,中式。中式的特点就主体色彩于版面中,这里我们就用一只狗狗的图片。同样小文字元素不变,其他标题文字居中对称摆呼应中式的配色形式。

超实用!零基础新手也能轻松学会的配色技巧

然后选择一款颜色填充背景,并且主体下方填充一图形。

超实用!零基础新手也能轻松学会的配色技巧

但这样版面些平,所以图层添加阴影效果,这样基本就差不多了,整体就简洁、淡、中规中矩的感觉,但文字我还喜欢用白色。

超实用!零基础新手也能轻松学会的配色技巧

这一稿的配色就比较酷的感觉,虽然背景的黑色可能与主体的颜色些相似,但鲜明的橙色可以很好的突出强调中式配色。

超实用!零基础新手也能轻松学会的配色技巧

本教程到这里就结束了,我们主讲解了根据意象选择相对应的配色形式,包括对比式、散式中式,可以这种配色思非常简单易操作的,不需太多的色彩理论,家平时作中可以多多试。

欢迎关注研习社微信公众号:「Yanxishe2017」

超实用!零基础新手也能轻松学会的配色技巧

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

简单易用,8 步制作出属于自己的色板。
色卡
一个设计作品呈现到用户面前,第一眼进入眼帘的就是产品的视觉表现,而产品的色彩在其中起到了举足轻重的作用,毫无疑问色彩...
入门
今天为大家整理了2019年最全的45个配色神器,大家可以按照自己的喜好挑选。
神器推荐
在上一篇《甲方竟敢说你的配色丑! 我来教你怼回去(一)》中,我们了解了色彩的性质以及色彩的分类之后,我们再通过色彩之间...
色彩基础
在纷繁复杂的视觉信息中,设计的首要任务是吸引视觉的注意力。在人的视觉层次中,色彩占据着第一顺位,最先被人的视觉所感知...
主色
哈喽大家好,我是无我。今天为大家带来一期实验性教程,之所以称它为实验性,是因为这期的内容并非传统意义上的配色形式或色...
夜配色
本文总结了配色过程中需要牢记的9个设计要点。 欢迎关注「优秀网页设计」公众号: 图片素材作者:Magg...
色彩搭配
我是一名交互设计毕业生,入职已经快一年了。从刚开始如履薄冰般的不适应,到现在知道该如何处理大大小小的问题以及如何寻求...
入门