网页设计*基本的字体排版规则

不是所有的网页设计都会那么给力，在开始动手之前一定要看好，网页设计要符合基本的规则才能在此基础上做到创新，好的网页设计基本的设计规则不能乱，比如说，网页设计中自己排版设计就很重要。

网页设计规范是每个网页设计师从业时必须要遵守的行为准则，具体如下：

1、字体的选择

对于大多数中国人来说，见过*多的字体应该就是黑体和宋体了，这两种字体是设计的基础字体，应用在生活的各个场景中。

宋体：源于书法体，主要特点是横细竖粗，笔画末端带有三角状装饰，字形端庄有力，常运用在文章正文当中。

黑体：字的主要特点是横竖均匀，笔画相对宋体较为粗壮，常用作文章标题，突出而醒目。

那么，我们会发现，很多时候网页设计师会选择微软雅黑体来代替宋体呢?原因是宋体是一款衬线字体，受到Windows平台字体渲染技术的限制，在小字号字体渲染方面表现略差，部分字号在显示时会产生锯齿、模糊等效果。而微软雅黑这款非衬线字体，笔画丰满、简洁，常用字号的显示效果相比宋体更为优秀，同时识别度更高。因此，从Vista时代起，微软雅黑体就作为Windows的系统默认字体沿用至今。

在网页设计中，为了保证有较好的显示效果，主要标题的字体建议使用微软雅黑体，次要标题可选用宋体。

文章的正文可选用宋体，也可使用微软雅黑体。

此外，如果网页设计中遇到需要展示英文字符的情况，建议选择Arial、Verdana和Tahoma这几种系统默认字体。

2、字号使用规范

在网页设计中，一般选择使用双数字号，字号的大小并没有明确规定，但为了确保正常的阅读效果，可以参考以下参数：

在网页设计中*小的字号一般为12像素;正文常见字号有12像素、14像素和16像素;标题常见字号有18像素、20像素、26像素和30像素。

这里需要注意的是，由于显示器分辨率的不断提高，12像素的字号在大分辨率显示器中会显得较小，对用户阅读造成一定的困难。因此，在目前的网页设计中很少使用12像素的字号，网站常规正文字号普遍使用的是14像素或16像素。

一般宋体和微软雅黑字体均可以作为网页设计的常用字体。但在目前的网页设计中我们会发现，网页中基本都以微软雅黑字体为主，而宋体已不多见。具体来说，微软雅黑体相比宋体而言，少了一些装饰性，同样字号，微软雅黑体在视觉上更显粗壮有力，且辨识度更高，尤其是小字号的显示效果，微软雅黑体的视觉感会更为清晰与明朗。

3、段落、行间距规范

在网页设计中，文字排版的要点分为两个方面，即段落和行间距。段落中“行长”与“对齐方式”的设置。

行长：通常情况下，行越长，行间距越大，否则用户在阅读时很容易串行。在网页正文中，汉字一般以每行显示30~40个字为宜，英文一般以每行显示40~70个字母为宜。

段落：对齐方式主要有4种，包括左对齐、右对齐、居中对齐和两端对齐。

段落对齐方式：在国内，大段文字的设计，多数设计师会根据中国用户的阅读习惯，将对齐方式设置为左对齐。

行间距作为段落中的留白，让字与字之间有了可呼吸的空间。过小的行间距会使页面变得拥挤不堪，增加用户错读的可能性。而过大的行间距则会占用大量的页面空间，缺乏美感。选择适当的行间距不仅可以提升文字的易读性，也可以*大限度地利用好页面空间。

传统中文文档默认行间距一般为1.5倍，在现阶段的网页设计中，汉字一般使用1.8~2倍的行间距。英文段落一般选择1.5倍行间距。

4、网页设计的标注规范

在设计的日常工作中，设计师与前端开发人员的对接关系往往非常紧密，而设计图的标准化标注可以提高前端开发人员的工作效率。

效果图的标注一般包括以下3个部分：

1)页面中控件的颜色、尺寸、交互效果(如按钮、表单等)。

2)字体颜色、字号。

3)页面中各个模块的尺寸和间距。

在效果图标注中，应特别注意以下4个问题：

1)文字清晰易读。

2)使用的颜色应与背景色区分。

3)尽量在空白区域，不要对原图造成视觉干扰。

4)信息应条理清楚，同一模块的标注应摆放在同一位置，适当留有间隙，方便开发人员阅读。