网页设计1-入门教材分析.pptVIP

界面布局的类型 直角型 界面布局的类型 标题正文型 /work 界面布局的类型 左右框架型 http://www.emimusic.fr/home.html 网页界面布局的基本原则和类型 界面布局的类型 综合框架型 界面布局的类型 封面型 /main.html 网页界面布局的基本原则和类型 界面布局的类型 Flash型 / 配色技巧 加色原理：所有的色彩都可以通过三原色调配出来。只要对红、绿、蓝三种基色的含量进行配比，就可以调配出其他的颜色，称为加色原理。 　　色相：是颜色的基本属性，反映颜色的原貌，通过色相，人们才能区分种种彩色。 　　饱和度：也叫纯度，指颜色的纯洁程度。饱和度大，颜色就显得生动，活泼，有很强的视觉冲击力；饱和度小，颜色就不纯净，看起来显得灰暗。 　　抖动：由于浏览器不能够显示所有的颜色，因此伪造了那些在颜色有限的调色板中不能显示出来的颜色，通过近邻像素倾向于混合而产生在图像中实际不存在的颜色，从而达到一种补偿目的。“抖动”的图像有很多颗粒，图像显得非常粗糙。 　　造型：就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序的。虽然，显示器和浏览器都是矩形，但对于页面的的造型，可以充分运用自然界中各种几何形状以及它们的组合：矩形、圆形、三角形、菱形等。 配色技巧 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.色彩关系 网页设计作品欣赏--学生作品 网页设计作品欣赏--学生作品 网页设计实例：卫浴公司的网站 首页的制作 网页设计实例：卫浴公司的网站 二级页面 网页设计实例：卫浴公司的网站 三级页面 网页设计实例：摄影网站的页面设计 课后练习 以一个你认为做得比较成功的网站为例，分析说明他的结构特点（好在哪里，需要改进的有哪些），有条件的辅以贴图。 The End Thanks a lot! 内部培训资料,不作任何宣传用途 P o w e r B a r 中国专业PPT设计交流论坛 授课人：何蕴婷 EMAIL：jmhyt@126.com 内部培训资料,不作任何宣传用途 内部培训资料,不作任何宣传用途 网页设计 ——（一）网页设计入门 网站概述 一、Internet 与WWW 1、Internet能提供包括：WWW服务、EMAIL服务、网上传呼、文件传输、在线聊天、网上购物、网络游戏等服务。 2、Web页工作原理 二、网站及分类 1、 WEB页的制作软件： 编辑器（ 如记事本 、 FrontPage 、Dreamweaver 等） WEB页的查看软件：浏览器（如Internet Explore、Netscape Navigator等） 2、网页和站点 二、网站及分类 1、网站的分类 企业：/cn/ch/food.html 商业：/ 个人： /index.html 教育科研： / 政府网站：/ 学习类网站：/ 其它：艺术类网站/ 二、网站设计的基本规律 1、企业、商业网站的特点： 三、网站设计的基本规律 1、企业、商业网站的特点： 经济类网站: /1/2/ 三、网站设计的基本规律 1、企业、商业网站的特点： 政府 三、网站设计的基本规律 2 教育、信息网站的特点： / 三、网站设计的基本规律 2 教育、信息网站的特点： / 三、网站设计的基本规律 3 时尚、休闲网站的特点： /home/zh_cn 三、网站设计的基本规律 4 艺术类网站的特点： 音乐网站 三、网站设计的基本规律 4 艺术类网站的特点： /index.html 美术网站 三、网站设计的基本规律 4 艺术类网站的特点： / 摄影网站 三、网站设计的基本规律 4 游戏类网站的特点： .hk/ 课堂讨论 以上网站实例大家看了之后感觉如何？ 以上网站的整体造型各有不同，为何要采用这样的设计呢？ 网页界面设计的宗旨是什么？ To Be Cont