色彩设计1.ppt

色彩设计 1 网页中的色彩 2 色彩设计的基本概念和规律 3 色彩的心理感受 4 色彩设计方法与技巧 5 页面中的色彩配置 1 网页中的色彩 网页色彩是设计色彩中的一种。无论是单个页面的色彩搭配，还是整个网站的色彩设计，首先要确定主体色(主色调)。主体色可以是一种也可以是几种。通常我们形容一个页面的颜色时会这样说：榕树下()是绿色的；蚁盟(http://www.yimeng .org)是紫色的；新浪()是黄色的；而雅虎( )是白色的。 如图1所示的网页，其主体色为蓝色，整个页面是由浅及深的蓝色组成的，最深为黑色，最浅为白色，整个画面虚实结合，空间感极好。另外图2所示棕色系的网页，其色彩设计上是以上部的棕色(#66453C)为主体色，其他辅色是以此棕色加白，加灰，加红，加水稀释配出来的，整个页面色彩感觉典雅、古色古味。 如果打算在同一个页面内运用多种颜色，而担心把握不好的话，就先确定主体色，其他的颜色面积不能过大，应遵循主从关系。如图3所示的网站，桔黄(#FF9000)是整个页面中颜色面积最大的，所以它是这个页面的主体色；另外主要辅色是草绿色(#7BA518)和灰色(#424242)，草绿色和桔黄搭配清爽，加上灰色，感觉别致轻盈。 2 色彩设计的基本概念和规律 2.1 色彩的三要素 明度、色相、彩度是构成色彩关系的三个最基本的要素。了解色彩的基本概念和规律，有助于我们进行实用色彩设计。 明度是指色彩感觉的明亮或晦暗程度，它包括色彩本身的明暗程度或是一种色相在不同强弱光线下呈现的明暗程度。 色相是指色彩的相貌，每一个颜色所特有的与其他颜色不相同的表相特征，诸如色相感觉的红、橙、黄、绿……等相貌。 彩度亦称为纯度，是指色相感觉的鲜艳或灰暗程度或饱和程度。 阳光通过三棱镜的折射，可分解成红、橙、黄、绿、青、蓝、紫七种颜色。在这七种光谱色中，红、黄、青是三个最基本的色彩，称为“三原色”或叫“第一次色”。用这三种色彩调配而产生的色彩称为“间色”或叫“二次色”，由二次色调配而成的色彩称为“复色”或叫“三次色”。由三原色、间色、复色组成一个过渡自然的色相环是基本的色相(见图4)。 明度的变化往往通过区分其色阶来表示，从白到黑，一般分为9级或13阶。明度分成3组，可表示为高明度、中间明度和低明度。 各个色彩的彩度各不相同，明度也不同。高纯度的色彩加白、加黑或加其他低纯度的灰色，都会降低它们的彩度。 黑、白、灰只有明度的差别，没有彩度的变化。在配色中常常将这三种无彩色作为调和、区隔的因素来使用。 2.2 色彩的对比规律 1. 对比的规律 两个以上的色彩放置在一起，就会产生色相(见 图4)、明度、彩度、冷暖、面积等性质差异对应关系。 按色彩对比的程度来划分，色彩对比的状态有： 明暗弱对比、明暗中对比、明暗强对比； 近似色相对比、对比色相对比、互补色相对比； 彩度弱对比、彩度中对比、彩度强对比； 冷暖弱对比、冷暖中对比、冷暖强对比； 大面积与小面积对比、近似面积对比。 按色彩的形象来划分，色彩对比的状态有：面积对比、位置对比、聚散对比、虚实对比、肌理对比、方向对比。 按色彩的心理作用来划分，色彩对比的状态有：冷暖对比、轻重对比、干湿对比、厚薄对比、繁简对比、华素对比、动静对比、远近对比、新旧对比。 按色彩的组织来划分，色彩对比的状态有：单一对比、重复对比、多样对比、主从对比、特异对比等。 按需要的时间来划分，色彩对比的状态有：同时对比、连续对比。 按需要的空间来划分，色彩对比的状态有：同一平面对比、不同平面对比、主体各面对比、主体环境对比、同一视域对比、不同视域对比。 按色彩对比组合来划分，色彩对比的状态有：二色对比、三色对比、四色对比、多色对比、色组对比、色调对比。 2. 重要的色彩对比关系 (1) 明度对比。明度对比是所有色彩对比的基础，是决定画面情调、作品风格的重要因素。要区分无彩色和同种色比较容易，而要区别不同色彩之间的明度差要困难些。