《网页设计》课件——3.1.2 网页设计基本规范.pptxVIP

网页的页面结构主要包括页头、Banner、内容区域以及页尾。

1．设计基准尺寸

PC端网页设计的主流尺寸宽度为1920px，高度不限，有效的可视区为

950px~1200px，具体尺寸需要根据项目而定。首屏高度约为700px~750px，

主体内容区域的安全宽度为1200px~1400px。

7.3.2设计规范详解

2．导航栏

导航栏在页头区域中，当网页宽度为1200px，其高度在46px~100px之间，

适配大部分的屏幕分辨率，所谓为不同样式和高度的导航栏。

7.3.2设计规范详解

3．Banner

Banner大多数是以轮播的形式展现，最多可以放五张。常见的构图方式有

中轴构图、上下构图、左右构图以及三角构图。每张轮播图的组成都有四个部分：

文字层、主体物层、装饰层以及背景层。

7.3.2设计规范详解

4．内容区域

内容区域使用文字和图片进行填充，下面就文字和图片的使用范进行讲解：

（1）文字

文字的选择要以可读性和可辨识性为主。网页设计中常用中文字体为宋体微

软雅黑或苹果系统黑体，英文为TimesNewRoman、Arial无衬线字体、sans。

（2）图片

常用的图片比例为4:3、16:9、1:1等。其中4:3、16:9比例适用于Banner、

背景图片、缩览图等，1:1比例通常用于图标、头像缩览图等。

7.3.2设计规范详解