网页设计2网页的色彩.ppt

网页设计（二） ——网页的色彩设计技巧 配色技巧 加色原理：所有的色彩都可以通过三原色调配出来。只要对红、绿、蓝三种基色的含量进行配比，就可以调配出其他的颜色，称为加色原理。 　　色相：是颜色的基本属性，反映颜色的原貌，通过色相，人们才能区分种种彩色。 　　饱和度：也叫纯度，指颜色的纯洁程度。饱和度大，颜色就显得生动，活泼，有很强的视觉冲击力；饱和度小，颜色就不纯净，看起来显得灰暗。 　　抖动：由于浏览器不能够显示所有的颜色，因此伪造了那些在颜色有限的调色板中不能显示出来的颜色，通过近邻像素倾向于混合而产生在图像中实际不存在的颜色，从而达到一种补偿目的。“抖动”的图像有很多颗粒，图像显得非常粗糙。 　　造型：就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序的。虽然，显示器和浏览器都是矩形，但对于页面的的造型，可以充分运用自然界中各种几何形状以及它们的组合：矩形、圆形、三角形、菱形等。 配色技巧 1.明度对比:明度：也叫亮度，体现颜色的深浅。通常说颜色“深了”、“浅了”，就是指明度的高低。而非彩色只有明度特征，没有色相饱和度。 配色技巧 2.纯度对比:/ 配色技巧 3.相近色对比: 4.互补色对比 5.暖色对比: /kfccda/default.aspx 6.冷色对比: 网页色彩特征处关系 1.网页色彩特征 (1)网页安全色 　　WEB安全色：由于浏览器在显示这1670万种颜色时是有选择的，它只能选择其中的216种进行显示，无论是Rec（00-FF），Green（00-FF）颜色通道，或是Blue（00-FF）对任意一通道，都采取一种“跳跃”的方式进行颜色编码，即R、G、B都只能在00-FF之间的跳跃取值，而不能任意取值。这种跳跃显示的色彩被称为WEB安全色，意义是在任何浏览器上都能够正确显示。 (2)色彩模式 2.色彩关系 网页设计作品欣赏--学生作品 网页设计作品欣赏--学生作品 网页设计实例：卫浴公司的网站 首页的制作 网页设计实例：卫浴公司的网站 网页设计实例：卫浴公司的网站 网页设计实例：摄影网站的页面设计 To be continue…… Take a Rest! HTML简介 初识HTML HTML简介 初识HTML 建立站点—实训项目 基本建站方法 高级建站方法 建立站点—准备 制作流程 建站前的准备 相关概念： 路径：相对路径、绝对路径 建站实例 首页的设计 建站实例 2.定义站点 建站实例 2.定义站点 * * / 二级页面 三级页面 编辑 查看，浏览 html head title 页面标题 /title /head body h1Good moning ,Boys and Girls! p Welcome to my class!/p /body html 基本结构 首部标记 主体标记 成对出现的标签 单独出现的标签 整体标记 3.在DW中制作页面