7 色彩与字体（二）-《海报设计大赛课程》同步精品课堂

海报设计 色彩与字体 教材版本 《海报设计》 录 目 CONTENTS 1 色彩理论基础 2 色彩搭配技巧 3 字体选择与排版 海报设计-色彩搭配技巧 PART 2 课程导入 观察这张图片，请判断: 天空是怎样一种蓝色？远处的高楼大厦是怎样一种蓝色? 近处的楼层又是怎样一种蓝色？他们都是什么蓝色？区别又是什么? 色彩搭配技巧 亮色搭配是用色的基础 学习色彩搭配，不是从单一的色相开始的，而是从认识双色开始的。那么我们可以利用一种带有色相值得 颜色和无色彩做搭配完成设计，是最保守安全的做法。但是在配色过程中，通过改变颜色的位置以及所占 面积的大小，整体设计中的视觉会发生变化。 以下利用名片体会色彩的变化: ①这种配色的方式乍一看起来会 觉得名片中只使用了一种颜色-- “红色”，其次你会明显的感觉 到“白色”的存在。也就是说这 里面的“白色”和“红色”两种 颜色是有一种相互衬托的关系， 虽然白色会被视觉弱化，但是有 了白色，红色显得醒目，有了红 色，白色显得很干净。 色彩搭配技巧 ②还是同一种结构的名片，很明显，加入黑色之后，白色的存在感变得更加弱了。 黑色的加入使得红色体现一种很热情的感觉，而利用红色又可以衬托出来黑色的庄重，无色彩:虽然黑色和白色在设计中常常被阅读者忽略，但是设计师必须了解无色彩实际上也在发挥重要的结构，让画面平衡感更加强烈。 ③在这种结构的配色中，红色明显占据更多的面积了，红色显示出燥热、燃烧的感觉，甚至如果遇到感受 比较强烈的人，就会觉得红色特别的刺眼。 那么在这个时候，白色的面积小了，它传递出来的不是“干净”，而是“焦点”性。整个视觉中心全部聚 焦到白色的区域了。 色彩搭配技巧 感受从无色彩到有单色、两色、三色的搭配过程： ①如果采用这种饱和度 (纯度)比较高的青绿色 作为主色调，那么就会和 白色之间有较强的关系， 感受上也就是白色和绿色 搭配的双色设计了，通过 对比，有色彩与白色之间 的搭配明显要比单一色彩 的设计显得有活力，不那 么单调。 ②为了和背景色(白色)不产生过大的反差，选用这种明度比较高，而饱和度比较低的粉色。整个画面 对比反差比较小，就会显得很柔和，那么从我们的感受上，是只有一种颜色的名片。 色彩搭配技巧 ③黑、白、灰属于无色彩系，当大面积使用黑白灰做主色调的时候，最好需要加入彩色来进行搭配，避 免使画面显得呆板、枯燥。 所以，在当设计作品中大面积都是用无色彩作为主色调的时候，适当加入一些带有色相值的颜色，就会增加画面的活力。 色彩搭配技巧 这是使用双色搭配的图片。品红色是时尚的颜色，以品红为主，黄色为辅助颜色，显得青春、时尚。 同样是双色搭配的效果。深蓝色具有智慧和稳重的特点，以深蓝色为主色，品红色为辅助色，显得高雅、时尚。对比左边图片，可以知道结合不同颜色的特点， 能传递出来更加细腻的感情。 这是一款三种颜色搭配的设计，画面更加丰富。品红色和深蓝 色、亮黄色结合，制造了很强的 视觉冲击。画面给人过目不忘的深刻印象。 色彩搭配技巧 相邻两色搭配，简单而有效的搭配： 色彩搭配技巧 相邻两色搭配，简单而有效的搭配： 采用一组绿色+蓝色 的相邻色的搭配方式，整体比较协调，美中不足的是，两种颜色的饱和度过于高，导致 整体画面的色彩过于强烈了。 大幅度升高了绿色的明度，小范围降低绿色的饱和度，你会发现，蓝色在画面中亮了起来，绿色也变得透亮了。 色彩搭配技巧 色彩的关系 色彩搭配就是不同色相之间相互呼应调和的一个过程，色彩之间的关系取决于色相在色环上的位置。 色相和色相之间的距离的角度越近，则对比越弱，离得越远则对比越强烈。 色彩搭配技巧 配色比例 配色比例:日本设计师提出过一个配色的黄金比例，70:25:5，其中的70%为大面积使用的主色，25%为 辅助色，5%为点缀色。一般情况下建议画面色彩不超过3种，3种是指3种色相(比如深红和暗红可以视为 一种色相)。颜色用的越少越好，颜色越少画面越简洁，作品会显得更加成熟。颜色越少我们越容易控制 画面。除非有特殊情况，比如一些节日类的海报等，要求画面有一种热闹，活力的氛围的，多种颜色会显 得画面有活力，但是颜色越多越要严格按照配色比例来分配颜色，不然会使得画面非常混乱，难以控制。 色彩搭配技巧 相邻色搭配 在色相环中挨着比较近的颜色就是相邻色，根据红橙黄绿蓝紫的顺序，相邻色搭配就是红+橙，橙+黄， 黄+绿，绿+蓝.....以此类推。 相邻色在12色相环中的位置90°以内 相邻色因为比较邻近，有很强的关联性，非常协调柔和，画面非常和谐统一，可以制作出一种柔和温馨的感觉，因为在色轮中位置较近所以这种搭配视觉冲击力较弱。 色彩搭配技巧 相邻色搭配 这两张Banner图都是以相邻色为主色调，第二张还加了一笔绿色起到点缀的作用，整体画面非常柔和协 调，因此这类配色