网页设计之一.pptVIP

第 一 讲 网页设计之一：配色 目 录 1.色彩学基本知识； 2.网页配色的基本方法； 前言 要学好网页设计，我们应该具备哪些知识： 色彩学常识； 网页配色的知识； 平面设计的基本常识； 如何利用各种视觉元素进行网页布局； 网页设计的流程和主要工具； 1.色彩学基本知识 1.1 什么是色彩？ 色彩源于自然，是人类对自然的视觉感知。 光是色彩的来源，没有光就谈不上色彩。 另一个角度来看，色彩是光的媒介，光通过色彩使得人们能够感知。 光有两大类： 自然光和人造光； 自然光源自于太阳之类的恒星，人造光用于照亮自然光所不能达到的地方。 1.2 正确感知色彩的条件 光的存在； 健全的感知功能； 色彩感知的过程 色彩感知的过程： 人类感知色彩是一个复杂的过程： 光线通过直射或反射达到人眼； 眼睛把感受到的视觉信号通过视觉神经传递给大脑； 经过大脑的辨识和分析，感知到色彩，并进而得到图像； 人们根据已有的经验和知识，识别图像，并产生某种联想； 对感知的图像进行归类和整理后，形成了记忆。 1.3 光与色 自然光（阳光）通过三棱镜分解后，产生多种颜色构成的光谱。 光谱中的不同色光分别具有不同的波长。 人眼能够感知的只有一部分可见光。 1.4 色彩的作用 无论是哪种形式的平面设计作品，色彩的正确运用和搭配都能为作品赋予良好的视觉效果，同时还为作品增添了吸引力，对于准确传达信息起到不可替代的作用。 创造良好的视觉效果： 色彩是最直接、最容易接受的信息传递媒介。 色彩的作用 产生吸引力和注意力： 运用色彩进行造“形”，更容易受到关注；绚丽的霓虹灯； 快速而准确地传递信息： 色彩的联想； 调动人们的情绪： 不同的配色给人不同的心理感受，从而影响人的情绪。 1.5 色彩的心理感受 不同的色彩往往会给人以不同的心理感受，从而引起不同的联想。 学习网页设计就要利用这种现象，掌握其应用的一般规律。 红色：是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。 橙色（介于红色与黄色之间的颜色）：也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。 黄色：具有快乐，希望，智慧和轻快的个性，它的明度最高。黄色也常作为警示色。 红色、橙色和黄色由于较为鲜明醒目，往往可以作为网页中的视觉中心。 蓝色：是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛。 绿色：介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。 绿色和蓝色可以使得眼睛从疲劳中恢复过来；帮助人们恢复平静；或引发人们思考。 紫色：注目性较弱的颜色；饱和度高的紫色表现出高贵，纯洁，虔诚，神秘等心理感受。 白色：具有洁白，明快，纯真，清洁的感受。 黑色：具有深沉，神秘，寂静，悲哀，压抑的感受。 灰色：具有中庸，平凡，温和，谦让，中立和高雅的感觉。 1.6 色彩构成 红，绿，蓝是加色法三原色，其它的色彩都可以用这三种色彩调和而成。 网页设计的Html（超文本）语言中的色彩表达是用这三种颜色的数值表示的，例如： 红色 RGB（255，0，0）； 十六进制表示为（FF0000）； 十六进制白色为(FFFFFF), 我们经常看到的“bgColor=#FFFFFF”就是指背景色为白色。 网页安全色 216种网页安全色； 以RGB色彩的十六进制值为FF/CC/99/66/33/00表示的是网页安全色。 即在所有显示器和计算机上都能显示； 一般的计算机能显示比如：24位色，224＝1670万种颜色。 颜色分为非彩色和彩色两类： 非彩色是指黑，白，灰系统色。 彩色是指除了非彩色以外的所有色彩。 色彩的三要素： 色相、饱和度和明度（亮度）； 任何一个要素的变化都会产生不同的颜色。 色彩三要素 色彩具有三个基本属性： Hue（色相）、Saturation（饱和度）、Brightness（亮度）。 色相： 指的是色彩的外貌特征。在可见光谱上，人的视觉能感受到红、橙、黄、绿、蓝、紫这些不同特征的色彩，人们给这些可以相互区别的色定出名称，当我们称呼到其中某一色的名称时，就会有一个特定的色彩印象，这就是色相的概念。 色相 非彩色（黑、白、灰）不存在色相； 所有彩色（红、橙、黄、绿、青、蓝、紫）都是表示颜色外貌的属性，即色相。 简而言之，色相或色调是物体反射或透射的光的波长。 饱和度 饱和度指的是色彩的鲜艳程度。饱和度表示相同色相中灰色所占的比例，一般用0％（灰色）～100％（饱和）表示。百分比越低，说明色相中灰色比重越大，则色彩的纯度（或者说鲜艳度）越低。反之，则越高。 亮度 是指颜色相对的明暗程度。 通常用0％（黑色）～100％（白色）来度量。 相同色相下，亮度百分比越高，颜色越明亮。 色立体与色相环 色相对比：同类色与相邻色