前面写着。

不知不觉来到了色彩教程的第七篇,也就是最后一篇。

其实8月份开始出第一部的时候,我以为两周左右可以发一部,但是工作量太大了,差不多一个月都要变成一部。比2014年教程更新速度慢了很多。2018年的今天,我每天面临的问题,要处理的事情比那时多得多,所以没有时间写一篇教程。(大卫亚设,Northern Exposure)。

当然,教程的质量也比当时有所提高,这都靠什么?按时间堆积,一周写一篇,一个月写一篇,质量确实不同。

但是,随着我的单位时间越来越贵,每篇都是一篇取舍测量。每一篇对我来说都是白话钞票。教程不能带来经济收益。所以我有精力继续用下去。正是你们的支持和发自内心的评论表明我学到了新知识,这是我唯一的收获。(莎士比亚)。

谢谢过去几年的支持。这7篇教程也收获了超过30万件阅读量,虽然钱没有来,但我知道我帮助了超过30万件新人。这是我应该感到骄傲和幸福的地方。(大卫亚设)。

好吧,说正经的事,看教程。

-银

前面几期的颜色教程对个别颜色的颜色属性和印刷效果进行了分割.(威廉莎士比亚,色、色、色、色、色、色、色)本期是总结篇。

如前所述,颜色的产生是因为光照射到物体后被吸收、反射或透射。也就是说,物体呈现什么颜色,也就是反射什么颜色的光。(大卫亚设)。

但是作为专业设计师,如果只知道颜色的用法,不知道颜色从哪里来,就会被认为是初级设计师。

那么颜色是从哪里来的?

废话!当然来自太阳!

但是除了在阳光下给我们颜色外,还给了我们什么?

为了便于理解太阳的本质,制作了比较牛逼的画。

无需点击即可查看大图。

我给你准备了一幅大画。

基本上大家都能读吧?

如果不理解,我们看到的光的颜色只是太阳射向我们的众多事物中的一把肉眼可以看到,还有很多其他波是看不到的。(大卫亚设,Northern Exposure)(封面上的绿巨人是由波长最短的伽马射线辐射的。)。

你知道这有什么用吗?

简单说一下生活中的小知识吧。如果我们发现红外线以外的波段辐射对人体几乎无害,我们就不必担心对电脑的长时间辐射会致癌。

当然不是。对身体影响不大。

你见过这个吗?是笔好买卖!

如果大家都像我一样理解科学,那么很多事业就会黄!

毕竟,这种所谓的手机电脑辐射服装,效果和佛祖圣殿里做礼拜的效果一样,都很舒服。

10元8元的材料成本卖给你几百元,真好!

这个卖的不是产品,而是卖一种心理安稳感,这么一说,貌似就不贵了。

好了,我们知道了红外线及更长波段都是无害,紫外线及更短波段都有害之后,我们就理解了为什么手机有一个护眼模式是偏黄了,因为去掉了蓝光。(其实可见光都是没啥害的,要相信科学啊小朋友)

好了,今天不讲产品,不讲营销,就单纯地讲一下色彩的使用科学。

丰富多样的颜色可以分成两个大类无彩色系和有彩色系,有彩色系的颜色具有三个基本特性:色相、纯度、明度。在色彩学上也称为色彩的三大要素或色彩的三属性。

色相是有彩色的最大特征,即色彩的相貌,比如红、黄、蓝等颜色。

指色彩的纯净程度,它表示颜色中所含有色成分的比例。同一种颜色含有灰色的成分越多,纯度越低,也就是我们常说的“脏”。

明度是指色彩的明亮程度。各种有色物体由于它们的反射光量的区别而产生颜色的明暗强弱。

有彩色的色相、纯度和明度三要素是不可分割的,应用时必须同时考虑这三个因素。

我们每天都生活在充满色彩的世界里,每个人都不知不觉受到色彩的影响,慢慢的色彩就会与你的情感相关联。

现实生活中,不同民族、地域、性别和年龄差异都会导致对色彩的认知会有不同,但是整体来说,人类对于色彩的情感联想存在一定的共性。

下面我们就分别来讲讲色彩的视觉特性以及在生活中的应用。

————

1 冷暖色

————

色彩本身并没有冷暖的温度差别,之所有有冷暖色的差别是因为人们的心理联想。

比如说看到红色就联想到太阳、火焰、热血等,久而久之,就会产生温暖、热烈、危险的心理联想。同样,看到蓝色,人们就会联想到太空、冰雪、海洋等,此时则容易产生寒冷、理智、平静的感觉。

冷暖主要与色相有关,据科学研究,冷色与暖色的心理温差大概是3℃。

冷暖色的生活应用:

冷色的装修看起来比较凉爽,适合天气比较炎热的地区

暖色的装修则看起来比较温暖,适合天气比较寒冷的地区。

同时室内灯光的色温也会放大冷暖的感受,比如说夏天如果室内开暖黄色的灯光,则房间看起来会更加炎热。

夏天适合穿冷色系的衣服,冬天则适合穿暖色系的衣服。

———————

2 膨胀、收缩色

——————–

注意看上图中的两个小点,白色的小点看起来会比黑色的小点面积更大一些,而实际上它们是一样大小的,这就是色彩的膨胀和收缩特性。

膨胀和收缩特性与色彩的明度和色温都有关,明度高、暖色,有膨胀、扩大感,反之明度低、冷色则显小。

膨胀收缩色的生活应用:

黑丝袜能瘦腿,这已经是绝大部分女生都知道的秘密。

现在选择白色车的人越来越多,其中一个重要的因素就是:相对深色的车,白车看起来更大,,,大气!买!

在装修时,如果房子面积比较大,你可以选择深色的墙面和地板,这样可以收缩视觉空间。同时搭配高明度、暖色等膨胀色的家具和装饰,这样可以很好的在视觉上将空间填充满,让房间看起来不再是空荡荡的。

而小房型则恰恰相反,你需要选择浅色的墙面和地板,放大视觉空间,再搭配收缩色的家具,这样房间整体看起来就不会过于拥挤。

———————

3 前进、后退色

———————

由各种不同波长的色彩在人眼视网膜上的成像有前后,红、橙等光波长的色在后面成像,感觉比较迫近,蓝、紫等光波短的色则在外侧成像,在同样距离内感觉就比较后退。这就使得色彩具有前进、后退的特性。

暖色、高明度的颜色,有前进的感觉,看起来离我们更近。相反,冷色、低明度的颜色,则有后退的感觉。

明黄色的色块,看起来向上凸出,看起来离我们更近,

而深蓝色则有点向下凹陷,看起来更远些。

前进后退色的生活应用:

还是选车的问题,前面我们说了,白色的车会更显大。除此之外呢,白色还是前进色,在马路上更容易被对方司机观察到,因此在安全性上会更胜一畴。

到底有多安全呢?

看一组数据:

嗯,在光线不好的情况下,黑色车的事故率比白色车多了三倍多!所以说学点色彩知识搞不好能救命啊!

当然,车厂也意识到这个问题 了,把车辆的灯光做得越来越亮,这样对方车辆远远就能看到,灯厂奥迪了解一下?

另外,你几乎没见到过黑色的大巴车吧?这也能说明一些问题了。

—————-

4 软、硬色

—————

色彩的软硬度主要来自明度的变化,明度越高的感受越软,明度越低感觉越硬。

当然这跟物体的造型也很有关系,一般来说,圆滑的造型+高明度的色彩,在观感上会更软,在心理感受上会给人亲近感。

反之,尖锐的造型+低明度的色彩,会显得很硬。会给人威严、力量感。

软硬色的应用:

软妹纸大概就是这样了,高明度的粉嫩颜色,圆圆造型,看起来就很软。

对女生来说,如果想变得更加职业、有权威感,在着装上可以选择低明度的色彩,线条上更平直一些,这样可以给客户更强的信赖感。

低明度的色彩,平直的线条,这样就看起来很硬朗。

有些男生的审美是直男癌,如果想变得更加亲和一些,可以尝试更明亮一些的色彩,以及柔和一些的线条。

我们再来看看武则天剧中的妆容,左边是武媚娘时期,妆容的色彩比较明亮,造型也比较柔和,风格明显更软,主要突出女性特征。而右边就不一样了,妆容的色彩更厚重,眼睛和眉毛都更锐利,通过更加硬朗的造型来强化权威感。

———————

5 兴奋、沉静色

———————

色彩给人的兴奋度主要由色相决定,红橙黄等鲜艳而明亮的暖色给人兴奋感。而蓝、绿、紫等色使人感到沉着、平静。

纯度对色彩的兴奋感也有一定影响,高纯度色更让人兴奋,低纯度色使人沉静。

兴奋/沉静色的应用:

酒吧通过高饱合度的色彩刺激,让你放飞自我嗨起来~

办公室一般就是“性冷淡”风格了,目的是让人平静下来,好好干活~

促销广告通过大红大紫让消费者兴奋起来,赶紧买买买~

品牌网站则通过低纯度的配色让用户冷静下来,静静的感受逼格。

———————-

6 活泼、庄重色

———————

色彩的活泼与否,主要是由色彩的丰富度有关。

暖色、高纯度色、丰富多彩色、强对比色,这些会给人跳跃、活泼、有朝气的感觉。

反之,冷色、低明度低纯度的颜色,则给人庄重、严肃的感觉。

实际上这是一种色彩搭配方式,并不是单一的色彩能形成的感受。

活泼/庄重色的应用:

年幼的小孩色彩感知系统还没发育成熟,只对活泼的色彩敏感。为了培养他的色彩感受力,我们一般将小孩的空间布置成高饱合度的五颜六色。

成年人则更喜欢平静一些的感受,过于活泼的色彩会让他们感到烦躁不安。

还有人的着装也是一样,随着年纪的增长,会越来越趋向于没什么情绪的低饱合度色彩。这不仅仅是因为审美的变化,而是社会角色所要求的。

———————

7 华丽、朴素色

———————

色彩的三要素对华丽及质朴感都有影响,其中纯度关系最大。

明度高、纯度高的色彩,丰富、强对比 色彩感觉华丽、辉煌。

明度低、纯度低的色彩,单纯、弱对比的色彩感觉质朴、古雅。

但无论何种色彩,如果带上光泽,都能获得华丽的效果。

华丽/质朴色应用:

少数民族为了彰显自己的民族特色,所以会将本民族最传统的特色工艺,以及盛产的材质等全部在服饰上体现出来,这造就了民族服饰复杂材质和颜色变化,看起来十分华丽。

而现代社会的民族,则由于文化的相互融合,民族特色已经越来越少,衣着回归本质,更强调实用性,简单舒适成为主流。

前面讲了很多色彩给人的心理感受,细心的你可能发现了,其实有些特性是重合的,比如说膨胀色和前进色,他们在某种程度上是相似的。

色彩有这么多特性,要怎么才能记住并在工作中应用?

不要着急,我给你做了一个色彩属性的座标分布图,只要找到相应的情绪关键词,你大概就能知道对应的是什么颜色了。

颜色分布

色彩的情绪关键词分布

全球各大品牌LOGO色彩分类

从上面这张图片可以看出来,大部分商业公司还是选择了比较稳妥的两大主流色系——红和蓝。

讲完了色彩的心理感受,我们再来说说配色时需要遵守的基本原则。

第一大原则——主色要突出。

要一眼能看出来整个画面是什么色调的。

第二大原则——画面色彩不超过3种。

这里的3种色彩是指3种色相,比如浅蓝与深蓝其实算一种颜色。另外黑白一般不包括在内。

3种色彩一般被划分为主色、辅色、点缀色,这样可以让你比较容易的控制画面整体的色彩。

第三大原则——大协调,小冲突。

画面的整体色彩要看起来协调,但是在局部可以有强烈的对比色,这样可以提升视觉层次感。

除了以上的三大原则之外,还有日本设计师很早就总结出来的配色黄金比例。

一般来说,颜色越少画面就越简洁,作品也会显得越成熟。同时,颜色少还有助于我们控制画面,不至于玩脱。

一些特定主题,比如说节日,需要画面表现出很强烈的视觉冲突,这时多几种颜色有助于提升页面的活跃度,但是颜色越多越要按严格的比例调配好,不然画面很容易失控。

当然,这些规则和量化标准,在初期的学习阶段你需要反复的去尝试,去对比,等你成为老手之后,你就会忘记这些了,那时你就无招胜有招,在设计中放飞自我了。

好了,知道了大概的配色原则之后,我们再来看,几种颜 色具体要怎么搭配。

同类色

简单来说就是相似色配色,色彩的选择限制在色环中30°之间的色相。这是一种最不容易出错的配色方式。

同类色对比很弱,容易产生统一、含蓄、稳重的效果,但是也会比较单调,呆板。

配色关键词

和谐、统一

案例展示

邻近色

相比同类色来说,邻近色的色相之间被拉开了不少,相比同类色更丰富、活泼,视觉层次感更强,但同时又不失和谐与稳健。

配色关键词

调和、稳健

案例展示

对比色

一般整个设计最亮点的地方,往往就是对比最强烈的地方。因此,我们做设计的时候要时刻记得,重要的信息要用对比来强化。

颜色的对比不只是色相对比,明度和纯度的对比也很重要。

配色关键词

华丽、强烈

案例展示

来看看非主流的奔驰。。。在阳光下绿的耀眼

互补色

互补色是色环上正对面的两组色,它是冲突最强烈的一组色彩。比如红与绿、黄与紫等。效果强烈、眩目、响亮、极有力,但若处理不当,易产生幼稚 、原始、粗俗、不安定、不协调等不良感觉。

配色关键词

冲突、对比

案例展示

四角色

四角色就是全色系,它分别分布在色环对等的四个角,是色相最丰富的一组色彩。

这种配色方式是最难驾驭的,虽然是多彩色,但是一般还是得以其中一种为主色彩,再添加适当比例的其它几种颜 色。

许多业务线比较丰富的平台公司喜欢用四角色来做LOGO,因为多色具有非常好的延展性,每项子业务都可以有专属的某种色彩作为品牌色,与其它业务差异化。

配色关键词

多彩、丰富

案例展示

分别以低对比度配色和高对比度配色两种方式来做案例。

—————————-

案例一

女装新品海报

设计关键词:品牌感

—————————-

设计思路:

在这个案例中,我会使用同类色这种低对比度的配色方案,前面我们分析过,低对比度的配色方式对比度弱,容易形成含蓄、稳重的效果。不宜用来做促销海报,适合新品发布这类偏品牌展示类的海报。

设计素材:

来自某服饰品牌模特

STEP 1

背景色选取和模特身上比较接近的颜色,这样整个画面的颜色显得十分协调。

将大致的文案排上去,试图寻找排版方向。

图上可以看出,模特占了竖向空间,但是又不够饱满,这让文字的排版会显得有点局促。

STEP 2

寻找合理的版式

模特旋转一下试试?

好像有点意思,版面空间一下子就出来了,用模特的身体曲线来分割上下版面。

STEP 3

细化一下文字排版

一张有点形式感的海报就这样产生了。做完海报的同时,也治好了我多年未愈的颈椎病。

PS:海报设计中辅助型的小文字,对版面排版起着很重要的平衡作用。一般我的原则是整体要对齐,然后局部做一起变化,这样就能形成比较好的视觉节奏感。

—————————-

案例二

运动鞋海报

设计关键词:视觉冲击力

—————————-

设计思路:

运动类的设计一般都要求比较强烈的视觉冲击力,比较适合高对比的配色方案。

设计素材:

如图,来自某大牌运动鞋。

STEP 1

抠好图,选取好背景色

根据球鞋本身的颜色,我选取了纯度比较高的蓝色作为背景色,这种高亮的颜色能在第一时间吸引住用户眼球。

STEP 2

商品图以及背景的细节处理。

这一步看起来比较细微,但是对设计品质感影响很大。

STEP 3

字体颜色来自鞋子上的点缀色黄色,与背景的蓝色形成强烈的对比。字体改为更随性的手绘体,再加上大LOGO,浓浓的运动风。

STEP 4

完善细节信息。

所有的元素都很大,大LOGO、大字体,强烈的颜色对比,简单的垂直居中排版,粗暴有力,这很符合运动品“嚣张”的气质。

相关推荐