化学多媒体软件设计 配色设计专题 2016.9.28.

Presentation on theme: "化学多媒体软件设计 配色设计专题 2016.9.28."— Presentation transcript:

1 化学多媒体软件设计 配色设计专题

2 目录 1. 色彩的基本认识 2. 色彩模式 3. 三原色与透视色轮 4. 配色方案

3 1.色彩的基本认识 1.1 生活中的色彩 　　生活中随处可见色彩，我们居住的房子，穿的衣服，吃的饭菜，喝的饮料，看的杂志报纸，手机等等都离不开色彩。 化学多媒体软件设计

4 化学多媒体软件设计

5 1.2 色彩的基本理论 色彩的产生：色即是空，空即是色，光 光的构成：电磁波 化学多媒体软件设计
（这是自己的归纳）为了达到这两方面的效果，我按照《美国视觉传达完全教程》整理出了五项原则与四项原理，作为基础部分来讲解。 光的构成：电磁波 化学多媒体软件设计

6 2.色彩模式 色彩的表示：RGB、CMYK 色彩的分类：无彩色系、彩色、 特殊色 化学多媒体软件设计

7 化学多媒体软件设计

8 2.1 RGB模式 RGB: R—red; G—green; B—blue
上面列出的几项并不单独存在，而是相互融会贯通的 　　电脑屏幕上的所有颜色，都由红、绿、蓝三种色光按照不同的比例混合而成的。一组红、绿、蓝色就是一个最小的显示单位。 屏幕上的任何一个颜色都可以由一组RGB值来记录和表达。 RGB: R—red; G—green; B—blue 化学多媒体软件设计

9 2.2 CMYK模式 　　 CMYK也称印刷色彩模式，印刷四色模式。 CMYK是一种依靠反光的色彩模式，我们是怎样阅读报纸的内容呢？是由阳光或灯光照射到报纸上，再反射到我们的眼中，才看到内容。需要外界光源，在黑暗房间内是无法阅读报纸的。 CMYK: C—cyan（青色） M—magenta（品红色） Y—yellow（黄色） K—black（黑色） 上面列出的几项并不单独存在，而是相互融会贯通的 化学多媒体软件设计

10 化学多媒体软件设计

11 化学多媒体软件设计

12 应用： 潘通色卡（PANTONE）色卡为国际通用的标准色卡。中文惯称潘通。PANTONE色卡是享誉世界的色彩权威，涵盖印刷、纺织、塑胶、绘图、数码科技等领域的色彩沟通系统，已经成为当今交流色彩信息的国际统一标准语言。 化学多媒体软件设计

13 化学多媒体软件设计

14 3. 三原色与透视色轮 一半是科学 一半是艺术 色轮：认识颜色关系的工具。 白色光包含了所有的可见 颜色，由紫到红之间的无穷光 谱组成的可见光区域，就象彩虹颜色。 为了在使用颜色时更加实用，简化分为12 种基本的色相。 上面列出的几项并不单独存在，而是相互融会贯通的 化学多媒体软件设计

15 色轮由 12 种基本的颜色组成。首先包含的是三原色（ Primary colors ），即蓝、黄、红。 原色混合产生了二次色（ Secondary colors ） 用二次色混合，产生了三次色（ tertiary colors ）。 原色是色轮中所有颜色的“父母”。在色轮中，只有这三种颜色不是由其它颜色调合而成。上图可以看出，三原色在色环中的位置是平均分布的。 化学多媒体软件设计

16 二次色所处的位置是位于两种三原色一半的地方（见上图）。 每一种二次色都是由离它最近的两种原色等量调合而成的颜色。
化学多媒体软件设计

17 三次色是由相邻的两种二次色调合而成。  化学多媒体软件设计

18 共同的颜色： 每一种颜色都拥有部分相邻的颜色，如此循环成一个色环。共同的颜色是颜色关系的基本要点，必须对此有深入的了解。
在上图这七种颜色中，都共同拥有蓝色。越远的颜色（如草绿色）含有的蓝色就越少。绿色及紫色这两种二次色都含有蓝色。 化学多媒体软件设计

19 在上图七种颜色中，都拥有黄色。同样的，离得越远的颜色，拥有的黄色就越少。绿色及橙色这两种二次色都含有黄色。
化学多媒体软件设计

20 在上图七种颜色中，都拥有红色。向两边散开时，红色就含得越少。橙色及紫色这两种二次色都含有红色。
化学多媒体软件设计

21 颜色明暗之分——明度： 为了显示颜色的明暗，所以色轮有多个环。两个外围的大环 是暗色（Shadow colors），里面两个小环是明色 (tint colors) 。
色轮有五个同心环组成，从暗到亮——暗色处于大环，明色处于小环，而 中间是颜色的基本色相。 化学多媒体软件设计

22 从上图我们可以看出，处于右边的暗色就是加上黑色，而左边的 明色则是加上白色。五个圆环已经清楚表示了颜色如何由暗到亮的过程。 但这种明色及暗色的关系只是相对而言。
化学多媒体软件设计

23 颜色关系 下面列出六种基本的颜色关系。 每一种颜色关系都可以有无数种搭配的可能。 化学多媒体软件设计

24 单色配色（Monochromatic） 一种色相由暗、中、明三种色调组成，这就是单色。 单色搭配上并没有形成颜色的层次，但形成了明暗的层次。
上面列出的几项并不单独存在，而是相互融会贯通的 一种色相由暗、中、明三种色调组成，这就是单色。 单色搭配上并没有形成颜色的层次，但形成了明暗的层次。

25 类比色搭配（Analogous） 相邻的颜色我们称为类比色。类比色都拥有共同的颜色（在上图中，是黄色及红色）。这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。 化学多媒体软件设计

26 补色搭配（Complement） 在色轮上直线相对的两种颜色称为补色，补色形成强列的对比效果，传达出活力、能量、兴奋等意义。
补色要达到最佳的效果，最好是其中一种面积比较小，另一种比较大。比如在一个蓝色的区域里搭配橙色的小圆点。  化学多媒体软件设计

27 分裂补色（Split complement）
上面列出的几项并不单独存在，而是相互融会贯通的 同时用补色及类比色的方法来确定的颜色关系，就称为分裂补色。 这种颜色搭配既具有类比色的低对比度的美感，又具有补色的力量感。

28 原色搭配 除儿童产品外，三原色同时使用是比较少见的。但是，无论是在中国还是在美国的文化中，红黄搭配都是非常受欢迎。
上面列出的几项并不单独存在，而是相互融会贯通的 除儿童产品外，三原色同时使用是比较少见的。但是，无论是在中国还是在美国的文化中，红黄搭配都是非常受欢迎。

29 二次色搭配 二次色之间都拥有一种共同的颜色——其中两种共同拥有蓝色，两种共同拥有黄色，两种共同拥有红色
上面列出的几项并不单独存在，而是相互融会贯通的 二次色之间都拥有一种共同的颜色——其中两种共同拥有蓝色，两种共同拥有黄色，两种共同拥有红色

30 配色考试 化学多媒体软件设计

31 A:单色搭配 B:补色搭配 C:三原色搭配 D:类比色搭配
答案: A:单色搭配 B:补色搭配 C:三原色搭配 D:类比色搭配 化学多媒体软件设计

32 4. 配色方案 上面列出的几项并不单独存在，而是相互融会贯通的

33 上面列出的几项并不单独存在，而是相互融会贯通的

34 Kuler：https://kuler.adobe.com/-->https://color.adobe.com/
在线配色网站： Kuler： Color Scheme Designer： Web色見本 原色大辞典： 上面列出的几项并不单独存在，而是相互融会贯通的

35 上面列出的几项并不单独存在，而是相互融会贯通的
谢谢观看！