[网页设计理论.ppt

网页设计理论 网页设计流程 网站策划 网站类型 网页布局 网页色彩 网站开发技术 网页设计流程 网页设计流程 网页设计流程之效果图 网页设计流程实例 网站策划 网站策划实例-达利园 网站类型 资讯类网站 电子商务类网站 互动游戏类网站 教育类网站 功能型网站 企业类网站 网页布局 网页布局基础 网页基本元素、网页构成、空间与页面尺寸、元素分布 网页布局设计 布局的方法、确定版面率、网格设计 网页布局分类 满版布局、十字布局、九宫布局、米字布局 网页布局技巧 黄金分割布局、左右对齐布局、全景式布局、卫星式布局、 包围式布局、散开式布局、单侧齐行式布局、对称式布局 网页布局基础 网页基本元素：文本、图像、动画、音频、视频、表单、表格、框架等 网页构成：标题、页眉（ LOGO 导航主题）、内容（文本、图片、搜索、列表等功能区）、 页脚 空间与页面尺寸：网页空间比屏幕空间小；屏的概念；像素；分辨率；标准宽度。 元素分布：LOGO、搜索框、导航条等分布规律。 网页布局设计 布局的方法： 准备工具—确定尺寸—设计版式—绘制页眉—绘制内容—绘制页脚—调整页面—实现效果图 确定版面率： 版面率是指图片和文字在浏览器中所占的比率，又叫留白。 网格设计： 网页布局又可以叫做网格设计 ，将网页分解生多个矩形块。 从大到小设计 网页布局的分类 满版布局 网页布局的分类 十字布局 网页布局的分类 九宫布局（多数网站采用） 网页布局的分类 米字布局 网页布局的技巧 黄金分割布局：主要用于构图a: (a+b)=b:a 0.618 左右对齐布局： 全景式布局： 卫星式布局： 包围式布局： 散开式布局： 单侧齐行式布局： 对称式布局 网页色彩 色彩与印象 色彩的原理 色相环 网页色彩模式 色彩索引 色调变化效果 色彩分类 色彩与印象 色彩决定整体印象 色彩印象不能更改？ 色彩的效果 色彩原理 光与色彩 色彩是由光的刺激产生的视觉反应 物体色 物体呈色是因为光源色经物体表面吸收反射到视觉中产生光色感觉 色彩类型：分为无彩色系和有彩色系 色彩三要素：色相、饱和度、亮度 色相环 1、色相环由12种基本颜色组成。 三原色：红黄蓝 二次色：三原色混合 三次色：二次色混合 2、色环特点 3、色彩关系： 单色搭配、 类比色搭配、 补色搭配 、分离补色搭配、 原色搭配、二次色搭配、 全色相搭配 网页色彩模式 1、RGB模式 2、色彩的HTML语言描述 3、网页安全色 网页色彩模式 RGB — 加色混合色彩模型 前面我们已经提到，基于色彩的三刺激理论，人类眼睛的视网膜中假设存在三种锥体视觉细胞，它们分别对红（Red）、绿(Green)、蓝(Blue)三种色光最敏感。根据人眼光谱灵敏度实验曲线证明，这些光在波长为630nm(红色)、530 nm（绿色）和450 nm（蓝色）时的刺激达到高峰。通过光源中的强度比较，我们感受到光的颜色。这种视觉理论是使用三种颜色基色：红（R）绿（G）蓝（B）在视频监视器上显示颜色的基础，称之为RGB色彩模型。 计算机彩色显示器是典型的RGB色彩模型。RGB色彩模型用一个三维笛卡儿直角坐标系中的立方体来描述，RGB色彩框架是一个加色模型，模型中的各种颜色都是由红、绿、蓝三基色以不同的比例相加混合而产生的。 CMY （CMYK） -- 减色混合色彩模型 青（Cyan）、品红（Magenta）、黄（Yellow）分别是红（R）、绿（G）、蓝（B）三色的互补色，是硬拷贝设备上输出图形的颜色，如彩色打印、印刷等。它们与荧光粉组合光颜色的显示器不同，是通过打印彩墨（ink）、彩色涂料的反射光来显现颜色的，是一种减色组合。由青、品红和黄三色组成的色彩模型，使用时相当于从白色光中减去某种颜色，因此又叫减色系统。 在笛卡儿坐标系中，CMY色彩模型与RGB色彩模型外观相似（如图），但原点和顶点刚好相反，CMY模型的原点是白色，相对的顶点是黑色。CMY模型中的颜色是从白色光中减去某种颜色，而不是象RGB模型那样，是在黑色光中增加某种颜色。 因此，CMY三种被打印在纸上的颜色，我们可以理解为： 青（C）= 白色光 — 红色光 品红（M）= 白色光 — 绿色光 黄（Y）= 白色光 — 蓝色光 由于白色光是由红、绿、蓝三色光相加得到的，上面的等式可以还原为我们常用的加色等式： 青（C）=（红色光+绿色光+蓝色光）—红色光=绿色+蓝色 品红（M）=（红色光+绿色光+蓝色光）—绿色光=红色+蓝色 黄（Y）=（红色光+绿色光+蓝色光）—蓝色光=红色+绿色 在实际应用中，CMY色彩模式也可称为CMYK色彩模型。在彩色打印及彩色印刷中，由于彩色墨水、油墨的化学特性，色光反射和纸张对颜料的吸附