第2章网页界面设计基础及其规律.pptVIP

第2章网页界面设计基础及其规律 * * 在浏览器窗口看到的每一个画面称为一个网页，它是组成网站的最小单元 2.1 网页界面 （1）网页界面的基本元素 ① 页眉 页眉也称页头，特定的页眉是与其他网站区分的重要标志之一，页眉代表了网站的整个风格和受众定位，因此是网页设计的重点。 ② 导航条 导航条是连接整个网站的纽带，用来检索、查询，是引导浏览者在网站各个网页间跳转的导航统。 ③ 文本 文本是指页面主要表达的文字内容，通常整段出现，常由题图和标题来区分各个不同内容。 ④ 图像 图像和文本是网页的两大构成元素，缺一不可。 ⑤ 多媒体 随着网页制作技术的迅猛发展，除了文本和图像以外，大量运用声音、动画、视频等其他媒体来增强 网页的传播性和可读性。 ⑥ 页脚 页脚和页眉相呼应，页眉是放置站点主题的部分，页脚则是放置制作者或制作公司信息的地方。 浏览器 页面内容 导航条 页眉 具体内容 页脚 文本 页面中的多媒体 （2）界面的整体造型 整体造型是指页面的整体风格形象，对于页面设计我们可以在运用不同的形状来代表不同的意义，从而设计出不同内容的网站。 ① 弧线形和圆形 ② 矩形 ③ 菱形和多边形 （3）页面的设计 ① 网页的大小 页面尺寸和显示器大小及分辨率密不可分，一般显示器分辨率由1024像素×768像素页面显示尺寸为1007×600像素和800×600像素页面显示尺寸为780×430像素两种。 ② 广告设计尺寸 标准BANNER广告尺寸为468像素×60像素，大小应该在10KB~25KB左右，文件可以是gif、jpeg、png、swf。 漂浮式广告尺寸为80像素×60像素、100像素 ×100像素，大小因为6KB~8KB左右，文件格式可以是 Gif、jpeg、png。 弹出式广告尺寸很自由，大小因该式10KB~15KB左右，文件格式可以式gif、jpeg、png、swf。 Button广告尺寸通常在234像素×60像素和88像素×31像素之间。 ③ 首页的重要性 首页是浏览者打开网站的时候，第一个给观众看到的页面，除了门户网站外大部分首页都不超过 屏幕的大小。 ④ 导航栏的设计原理 导航栏具有带领、指引的作用，所以要清晰、醒目。 历史记录导航 2.2 界面布局的基本原则和类型 （1）界面布局的基本原则 网页是构成网站的基本元素，界面布局是指在网页中有效地规划网页各个元素的位置，包括图像 的摆放、文字的大小、色彩的搭配等。 ① 均衡原则 注意页面上下左右各个元素的摆放均衡，要有主次和节奏感。 ② 简约原则 注意在传达足够信息的同时，尽量减少不必要的页面元素，避免由于放置很多没用的装饰扰乱浏 览者的视线。 ③ 惯性原则 页面中需要点选的元素，如导航按钮、菜单等摆放一定要尽量在每个页面的相同位置，以求设计 风格保持一致，这样使浏览者根据惯性能够迅速找到目标对象。 （2）界面布局的类型 网页布局大致可分为“门”字型、直角型、标题正文型、左右框架型、综合框架型、封面型 Flash型、变化型、曲线型。 ① “门”字型 ② 直角型 ③ 标题正文型 ④ 左右框架型（纵向排列型） ⑤ 综合框架型 ⑥ 封面型 ⑦ Flash型 ⑥ 综合变化型 在总括类型的时候再加上综合和变化，就比较全面，这种类型也就是综合上述的各种类型的设计 ，再派生出更为多样的风格。 2.3 网页配色基本技巧 （1）明度对比 明度也可以叫做亮度，是色彩的明暗程度，明度越高的色彩就越亮，相反明度越低的色彩越暗。 明度高，色彩亮 明度低，色彩暗 *