fw4网页配色基础.ppt

NO4 网页配色基础 （二）色彩属性 色相：指颜色的种类和名称，是指颜色的基本特征，是一种颜色区别于其他颜色的因素。色相和色彩的强弱及明暗没有关系，只是纯粹表示色彩相貌的差异。如红、黄、绿、蓝、紫等为不同的基本色相。 纯度（饱和度）：指色彩的鲜艳程度。原色最纯，颜色的混合越多则纯度逐渐减低。如某一鲜亮的颜色，加入了白色或者黑色，使得它的纯度低，颜色趋于柔和、沉稳。纯度高的色彩纯，鲜亮。纯度低的色彩暗淡，含灰色。 主色调：页面色彩的主要色调、总趋势， 其他配色不能超过该主要色调的视觉面积。 辅色调：仅次于主色调的视觉面积辅助色， 烘托、支持、融合主色调。 点睛色：在小范围内加上强烈的颜色来突出主题效果， 使页面更加鲜明生动。 背景色：衬托环抱整体色调，起协调、支配整体作用。 对比色的调和： 在对比色之间插入分隔色（黑、白、灰、金、银等）； 采用不同面积大小； 对比色之间加入相近类似色； 提高/降低对比色的纯度； 色彩调制： 配色方案 自行调制 * （一）网页中色彩的作用 视觉区域划分 引导主次 营造气氛 一、网页中的色彩 色彩可以分为彩色和非彩色，黑、白、灰属于非彩色系列，其他色彩属于彩色。 色环是色彩按红、黄、绿、蓝、红依次过度渐变呈现出来的不同颜色，就可以得到一个色彩环。 加入黑色的纯度变化和加入白色的纯度变化  明度（亮度）：指颜色的深浅、明暗程度，没有色相和饱和度的区别。不同的颜色，反射的光量强弱不一，因而会产生不同程度的明暗。非色彩的黒、灰、白较能形象的表达这一特质。 明度越大，色彩越亮。比如一些购物，儿童类网站。用的是一些鲜亮的颜色，让人感觉绚丽多姿，生气勃勃。明度越低，颜色越暗。主要用于一些游戏类网站，充满神秘感； （三）网页色彩的色调组合 页面中总是由具有某种内在联系的不同色彩，组成一个完整统一的整体，形成画面色彩总趋向，称为色调。 主色调 辅色调 点睛色 背景色 点睛色 主色调 辅色调 （四）配色方案：对比与调和 邻近色 同类色：　　它主要指在同一色相中不同的颜色变化。例如，红颜色中有紫红、深红、玫瑰红、大红、朱红、桔红等等种类，黄颜色中又有深黄、土黄、中黄、桔黄、淡黄、柠檬黄等等区别。它起到色彩调和统一，又有微妙变化的作用。  相邻色系，视觉反差不大，统一、调和，形成协调的视觉韵律美，相较显得安定、稳重的同时不失活力，是一种恰到好处的配色类型 邻近色：　　是在色环上任一颜色同其毗邻之色。邻近色也是类似色关系，只是范围缩小了一点。例如红色和黄色，绿色和蓝色，互为邻近色。 同类色  补色：　　是广义上的对比色。在色环上划直径，正好相对（即距离最远）的两种色彩互为补色。如：红色是绿色的补色；橙色是蓝色的补色；黄色是紫色的补色。　　补色的运用可以造成最强烈的对比效果。 补色 *