第5章网页设计.pptxVIP

Photoshop 图像处理与创意设计 案例教程 教师姓名： 第五章 网页设计 本章概述： 网页设计是现代艺术设计中具有广泛性和前沿性的新媒体艺术形式之一，属于视觉传达设计的范畴，主要包括版式设计、导航设计、色彩设计、内容设计等方面。一个优秀的网站能够给人一种吸引力，让浏览者在观赏的同时，不知不觉接受到网站传达的信息，所以网页设计在很大程度上决定着网站的成败。 网页设计在现今社会的应用十分广泛，是一个不断更新换代、推陈出新的行业，它要求设计师们必须随时把握最新的设计趋势，从而确保自己不被这个行业所淘汰。 第五章 网页设计 本章学习要点： 了解网页设计的基础知识 理解网页设计的原则和要求 了解网页设计的基础知识 理解网页设计的原则和要求 5.1 行业背景知识简介 第五章 网页设计 5.2 本章重要知识点 5.3 网页设计案例 5.1 行业背景知识简介 在互联网越来越深入到生活中每一个角落的年代，网页就如同以前书本上的文字，传达着网络语言，网页中的每一条线、每一个色块、每一种版式、每一种组合都向阅读者传递着信息。 实际上网页的表现形式已是互联网至关重要的元素，这些工作都是由网页设计师来做的，是一种创造性、有成就感的工作，更是不可或缺的职业。 5.1.1 网页设计应用领域 网页设计将计算机技术的应用、视觉艺术的表现紧密结合在一起, 相得益彰, 从而达到技术与艺术相互融合的新高度。在互联网发展越来越迅速的现在，网页设计的应用领域非常广泛，公司、政府门户、培训机构、学校等都会拥有自己的网站。随着互联网信息越来越丰富、多样，人们对于页面的设计要求也越来越高。 5.1 行业背景知识简介 5.1.2网页设计要求与原则 （1）首先针对网页的目标用户，结合要传达的信息以及制网目标，设计出网页的架构。 （2）每页排版不要太疏或用太大的字，尽量避免看你的网页时需要做很大的卷动，要知道在一页的上部分是显眼而宝贵的地方，不要只放着几个粗大的字或图片。 （3）最好不要用800像素*600像素 以上的分辨率设计网页，常用的分辨率是 640 像素 ×480 像素及 800 像素 ×600 像素。 （ 4）不要于每页插入太多的广告牌，广告太多易喧宾夺主，造成网页内容重点不突出。 （5）不要每页都采用不同的背景图片，以免每次转页都要花时间去下载，要采用相同的底色或背景图片使网页保持统一风格。 （6）底色或背景图片必须要与文字对比强烈，易于阅读，更能突出重点。 （7）合理设置导航，确保网站内容结构清晰，避免在一个页面上堆积过多内容，给浏览者造成阅读困惑。太长的一页要使用内部链接，明智的网页设计者是不会让浏览者看网页时做太大的卷动。 （8）不要每页都加上不同的背景音乐或者多媒体视频等，要考虑每个人网速不同，加载缓慢的问题。 （9）要重视每一页网页，把每页都当成首页来制作，为各页加上公司或个人名称、联络方法， 页面间设置恰当的链接，因你没法确定每一访客都只从首页切入你的网站。 （10）不要让你的一行或一段太长，特别是文字式网页，不妨加上显眼的标题或适当的插图， 精彩的文章亦要包装，既精彩又能留住读者才算上乘。 （11）做个网站介绍。 5.2.1 网页的构成 网页设计所涉及的主要知识点包括，网页的构成、网页版式设计、网页导航设计、网页配色， 广义上讲还可包含网页的内容设计方面。本节中主要介绍了网页构成和网页版式设计。 5.2 本章重要知识点 页面尺寸 1 不同性质和类别的网站，网页的布局构成是不同的，一般页面的基本构成内容包括标题、网页、Logo、页头、页脚、导航、主体内容、广告栏等。 由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于无法突破显示器的范围， 而且因为浏览器也将占去不少空间，留下的范围变得越来越小。一般，分辨率在1024像素×768像素的情况下，页面的显示尺寸为1007像素×600像素；分辨率在800像素×600像素的情况下，页面的显示尺寸为780像素×428 像素；分辨率在640像素×480像素的情况下，页面的显示尺寸则为620像素×311 像素。 5.2.1 网页的构成 5.2 本章重要知识点 整体造型 2 造型就是创造出来的物体形象。页面的整体形象，应该是一个整体，图形与文本的接合应该层叠有序，有机统一。虽然，显示器和浏览器都是矩形，但对于页面的造型，可以充分运用自然界中的其他形状以及它们的组合：矩形、圆形、三角形、菱形等。 5.2.1 网页的构成 5.2 本章重要知识点 页头 3 页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉