《网页设计理论》PPT课件

《《网页设计理论》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计理论网页设计流程网站策划网站类型网页布局网页色彩网站开发技术网页设计流程网页设计流程网站策划人员组织页面设计程序开发测试发布维护推广项目总结网页设计流程之效果图网站策划提交资料整体设计客户审核审核通过绘制结构草图绘制辅助线绘制结构底图添加内容效果图切片优化切片输出切片网页设计流程实例网站策划网站类型网站导航网站风格网站功能网页布局策划效果图收集客户信息分析网站类型确定网站风格网站策划实例-达利园资讯类网站电子商务类网站互动游戏类网站教育类网站功能型网站企业类网站网站类型特点：1、页面信息量大，很高，屏数多。2、重

2、要信息放顶部。3、内容以文字形式为主。4、布局紧凑，以不同颜色区分。布局：以三栏或四栏竖排色彩：政府类以红色系为主娱乐类以紫、蓝等流行色为主……资讯类网站电子商务类网站特点：1、产品信息量大，导航支持。2、图文结合。3、搜索注册等功能模块多。布局：以三栏竖排为主色彩：以洋红、蓝色、橙色等活泼色为主……产品如何展示订单如何生成订单如何执行互动游戏类网站特点：1、页面以图片为主，视觉冲击力强。2、内容少，以图片和分栏为主。色彩：以游戏环境色为主，色彩一般强烈、刺激……游戏官方网站在线游戏站教育类网站特点：1、内容多，功能多。

3、2、以点盖面为主。3、首页一般突出教育文化布局：横向布局较多色彩：以绿色、蓝色较多……功能型网站特点：1、布局简单，学问多。2、用户体验很重要。3、精神感受和粘合度高。布局：布局简单，速度快。色彩：色彩平和、简约。……企业型网站特点：1、突出企业文化。2、展现企业产品。3、能提高客户的认知度。布局：横向布局较多，风格简约。色彩：以企业的VI色为主。……网页布局网页布局基础网页基本元素、网页构成、空间与页面尺寸、元素分布网页布局设计布局的方法、确定版面率、网格设计网页布局分类满版布局、十字布局、九宫布局、米字布局网页布局技

4、巧黄金分割布局、左右对齐布局、全景式布局、卫星式布局、包围式布局、散开式布局、单侧齐行式布局、对称式布局网页布局基础网页基本元素：文本、图像、动画、音频、视频、表单、表格、框架等网页构成：标题、页眉（LOGO导航主题）、内容（文本、图片、搜索、列表等功能区）、页脚空间与页面尺寸：网页空间比屏幕空间小；屏的概念；像素；分辨率；标准宽度。元素分布：LOGO、搜索框、导航条等分布规律。网页布局设计布局的方法：准备工具—确定尺寸—设计版式—绘制页眉—绘制内容—绘制页脚—调整页面—实现效果图确定版面率：版面率是指图片和文字在浏览器

5、中所占的比率，又叫留白。网格设计：网页布局又可以叫做网格设计，将网页分解生多个矩形块。从大到小设计网页布局的分类满版布局网页布局的分类十字布局网页布局的分类九宫布局（多数网站采用）网页布局的分类米字布局网页布局的技巧黄金分割布局：主要用于构图a:(a+b)=b:a0.618左右对齐布局：全景式布局：卫星式布局：包围式布局：散开式布局：单侧齐行式布局：对称式布局网页色彩色彩与印象色彩的原理色相环网页色彩模式色彩索引色调变化效果色彩分类色彩与印象色彩决定整体印象色彩印象不能更改？色彩的效果色彩原理光与色彩色彩是由光的刺激产生

6、的视觉反应物体色物体呈色是因为光源色经物体表面吸收反射到视觉中产生光色感觉色彩类型：分为无彩色系和有彩色系色彩三要素：色相、饱和度、亮度色相环1、色相环由12种基本颜色组成。三原色：红黄蓝二次色：三原色混合三次色：二次色混合2、色环特点3、色彩关系：单色搭配、类比色搭配、补色搭配、分离补色搭配、原色搭配、二次色搭配、全色相搭配网页色彩模式1、RGB模式2、色彩的HTML语言描述3、网页安全色网页色彩模式RGB—加色混合色彩模型前面我们已经提到，基于色彩的三刺激理论，人类眼睛的视网膜中假设存在三种锥体视觉细胞，它们分别对

7、红（Red）、绿(Green)、蓝(Blue)三种色光最敏感。根据人眼光谱灵敏度实验曲线证明，这些光在波长为630nm(红色)、530nm（绿色）和450nm（蓝色）时的刺激达到高峰。通过光源中的强度比较，我们感受到光的颜色。这种视觉理论是使用三种颜色基色：红（R）绿（G）蓝（B）在视频监视器上显示颜色的基础，称之为RGB色彩模型。计算机彩色显示器是典型的RGB色彩模型。RGB色彩模型用一个三维笛卡儿直角坐标系中的立方体来描述，RGB色彩框架是一个加色模型，模型中的各种颜色都是由红、绿、蓝三基色以不同的比例相加混合而产

8、生的。CMY（CMYK）--减色混合色彩模型青（Cyan）、品红（Magenta）、黄（Yellow）分别是红（R）、绿（G）、蓝（B）三色的互补色，是硬拷贝设备上输出图形的颜色，如彩色打印、印刷等。它们与荧光粉组合光颜色的显示器不同，是通过打印彩墨（ink）、彩色涂料的反射光来显现颜色的，是一种减色组合。由青、品