《色彩搭配》PPT课件

(色彩搭配)一：各种色彩的象征：
红 色 热 情 、 活 泼 、 热 闹 、 革 命 、 温 暖 、 幸 福 、 吉 祥 、 危 险 ......
橙色
光 明 、 华 丽 、 兴 奋 、 甜 蜜 、 快 乐 ......
黄 色 明 朗 、 愉 快 、 高 贵 、 希 望 、 发 展 、 注 意 ......
• 类似色相、类似色调配色方案的特点：冷静整齐的感觉。 • 使用类似的色相表现出细微不同的感觉。
• 类似色相、相反色调配色方案的特点：统一的突出效果。 • 色调差异越大，效果就越明显。
CMYK:四色用于出版印刷，分别代表了用于印刷的油墨量。
C. 青色(Cyan) M. 洋红色(Magenta) Y. 黄色(Yellow) K. 黑色(blacK) 印刷厂只有这四种基 本色彩。
色
+
品
红
=
白
色
蓝
色
+
黄
色
=
白
色
所以青色、黄色、品红分别又是红色、蓝色、绿色的补色。
• 我们日常见的白光，实际由红（Red）、绿（Green）、蓝（Blue）三种波长的光组成，物体经 光源照射，吸收和反射不同波长的红、绿、蓝光，经由人的眼睛，传到大脑形成了我们看到的 各种颜色，也就是说，物体的颜色就是它们反射的光的颜色。
绿 色 新 鲜 、 平 静 、 安 逸 、 和 平 、 柔 和 、 青 春 、 安 全 、 理 想 ......
蓝 色 深 远 、 永 恒 、 沉 静 、 理 智 、 诚 实 、 寒 冷 ......
紫色
优 雅 、 高 贵 、 魅 力 、 自 傲 、 轻 率 ......
白 色 纯 洁 、 纯 真 、 朴 素 、 神 圣 、 明 快 、 柔 弱 、 虚 无 ......
同时背景色要与文字的色彩对比强烈一些。
6.
色
彩
的
数
量
一般初学者在设计网页时往往使用多种颜色，使网页变得很“花”，缺乏统一和协调，表
面上看起来很花哨，但缺乏内在的美感。事实上，网站用色并不是越多越好，一般控制在三种
色彩以内，通过调整色彩的各种属性来产生变化。
RGB 与 CMYK
• RGB:一般用于网页制作,#为16进制值.
什么是对比色
当我们在强烈的阳光下目不转睛地盯着一面红旗，然后把眼睛合上， 眼底会浮现一
面绿色的旗帜。对比色是两种颜色的色性相反，并列在一起可产生格外强烈的对比。
例如：红与绿、黄与紫、蓝与橙，他们互为对比。
对比色是人的视觉感官所产生的一种生理现象，是视网膜对色彩的平衡作用。
黄与紫互为对比色
蓝与橙互为对比色
• R:红色, G:绿色 B:蓝色
• 红绿蓝是三基色，这三种颜色合成的颜色范围最为广泛。红绿蓝三基色按照不同的比例相加
合
成
混
色
称
为
相
加
混
色
。
红
色
+
绿
色
=
黄
色
绿
色
+
蓝
色
=
青
色
红
色
+
蓝
色
=
品
红
红
色
+
绿
色
+
蓝
色
=
白
色
黄色、青色、品红都是由两种及色相混合而成，所以它们又称相加二次色。另外：
红
色
+
青
色
=
白
色
绿
既 然 是 三 色 ， 为 什 么 还 要 加 入 黑 色 呢 ？ 从图中我们可以看到，青、洋红和黄三色
相加不会产生黑色，而只是一中深咖啡色。所
以要再加上一个黑色。
• 红、绿、蓝三种波长的光是自然界中所有颜色的基础，光谱中的所有颜色都是由这三种光的不 同强度构成。
• 把三种基色交互重叠，就产生了次混合色：青（Cyan）、洋红（Magenta）、黄（Yellow）。 • 基色和次混合色是互补色。
• 高彩度的红色与背景中暗绿色形成鲜明的对比。相反色相、相反色调配色方案通常用于突出显 示较暗背景中一个较亮对象。
在设计网页时除了考虑网站本身的特点外，还要遵循一定的艺术规律，从而设计出色彩鲜明、
性
格
独
特
的
网
站
。
1.
特
色
鲜
明
一个网站的用色必须要有自己独特的风格，这样才能显得个性鲜明，给浏览者留下深刻
的
印
象
ห้องสมุดไป่ตู้
。
2.
搭
配
合
理
网页设计虽然属于平面设计的范畴，但它又与其它平面设计不同，它在遵从艺术规律的
同时，还考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用
纯度很高的单一色彩，这样容易造成视觉疲劳。
3.
讲
究
艺
术
性
网站设计也是一种艺术活动，因此它必须遵循艺术规律，在考虑到网站本身特点的同时，
按照内容决定形式的原则，大胆进行艺术创新，设计出既符合网站要求，又有一定艺术特色的
网
站
。
色彩搭配要注意的问题
1.
使
用
单
色
尽管网站设计要避免采用单一色彩，以免产生单调的感觉，但通过调整色彩的饱和度和
屏幕颜色看上去要比印刷出来的亮一些，深一些，请特别注意。
这种颜色模式的基础不是增加光线，而是减去光线，所以青、洋红和黄称为“减色法三原色” 。
我们的显示器是发射光线，而印刷的纸张自然无法发射光线，它只吸收和反射光线，所以我们 要用另一种颜色模式：CMYK，即使用红、绿、蓝的补色来产生颜色。这样反射的光就是我们需 要的颜色。
透明度也可以产生变化，使网站避免单调。
2.
使
用
邻
近
色
所谓邻近色，就是在色带上相邻近的颜色，例如绿色和蓝色，红色和黄色就互为邻近色。
采用邻近色设计网页可以使网页避免色彩杂乱，易于达到页面的和谐统一。
3.
使
用
对
比
色
对比色可以突出重点，产生了强烈的视觉效果，通过合理使用对比色能够使网站特色鲜明、
重点突出。在设计时一般以一种颜色为主色调，对比色作为点缀，可以起到画龙点睛的作用。
红与绿互为对比色
对比色具有对抗性。巧妙运用可以给人强烈的视觉效果，运用不当会让人感到非常
俗气。
4.
黑
色
的
使
用
黑色是一种特殊的颜色，如果使用恰当，设计合理，往往产生很强烈的艺术效果，黑色一
般用来作背景色，与其它纯度色彩搭配使用.
5.
背
景
色
的
使
用
背景色一般采用素淡清雅的色彩，避免采用花纹复杂的图片和纯度很高的色彩作为背景色，
灰 色 谦 虚 、 平 凡 、 沉 默 、 中 庸 、 寂 寞 、 忧 郁 、 消 极 ......
黑 色 崇 高 、 严 肃 、 刚 健 、 坚 实 、 粗 莽 、 沉 默 、 黑 暗 、 罪 恶 、 恐 怖 、 绝 望 、 死 亡 ......
网页设计配色
色彩搭配既是一项技术性工作，同时它也是一项艺术性很强的工作，因此，设计者