WordPress 网站设计会涉及到很多的制作，本文主要给大家介绍最基础的字型排版，在开始动手制作网页之前，首先要了解 WordPress 网页设计的标准与规范，这样才能保证设计图符合 WordPress 网页设计的要求。

WordPress 网页设计规范是适用于 Web 端的人机互动介面的标准，是每个 WordPress 网页设计师从业时必须要遵守的行为准则。 WordPress 网页设计规范的首要目的是优化 Web 多商店产品、提升多用户体验。同时，统一的 WordPress 网页设计规范可以让设计师重复利用相同模组，有助于提高设计师的工作效率。此外，遵守设计规范也有利于前端工程师、互动设计师等其他岗位之间快速有效地传递资讯。上岗前熟读设计规范并牢记要点可以帮助新人快速适应工作岗位，减少出错的可能性。

1 、字型的选择
对于大多数中国人来说，见过最多的字型应该就是黑体和宋体了，这两种字型是设计的基础字型，应用在生活的各个场景中。
▷ 宋体：源于书法体，主要特点是横细竖粗，笔画末端带有三角状装饰，字形端庄有力，常运用在文章正文当中。
▷ 黑体：字的主要特点是横竖均匀，笔画相对宋体较为粗壮，常用作文章标题，突出而醒目。
早在 2006 年 Windows 释出 Vista 系统时，微软雅黑体就已代替宋体，成为了新的系统预设字型。
那么当时为何要选择微软雅黑体来代替宋体呢?
原因是宋体是一款衬线字型，受到 Windows 平台字型渲染技术的限制，在小字号字型渲染方面表现略差，部分字号在显示时会产生锯齿、模糊等效果。
而微软雅黑这款非衬线字型，笔画丰满、简洁，常用字号的显示效果相比宋体更为优秀，同时识别度更高。因此，从 Vista 时代起，微软雅黑体就作为 Windows 的系统预设字型沿用至今。
在 WordPress 网页设计中，为了保证有较好的显示效果，主要标题的字型建议使用微软雅黑体，次要标题可选用宋体。
文章的正文可选用宋体，也可使用微软雅黑体。
宋体和微软雅黑体网页显示效果对比

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

2 、字号使用规范
在 WordPress 网页设计中，一般选择使用双数字号，字号的大小并没有明确规定，但为了确保正常的阅读效果，可以参考以下引数：
▷ 在 WordPress 网页设计中最小的字号一般为 12 画素;
▷ 正文常见字号有 12 画素、 14 画素和 16 画素;
▷ 标题常见字号有 18 画素、 20 画素、 26 画素和 30 画素。
这里需要注意的是，由于显示器解析度的不断提高，12 画素的字号在大解析度显示器中会显得较小，对多用户阅读造成一定的困难。因此，在目前的 WordPress 网页设计中很少使用 12 画素的字号，网站常规正文字号普遍使用的是 14 画素或 16 画素。
宋体和微软雅黑字型均可以作为 WordPress 网页设计的常用字型。但在目前的 WordPress 网页设计中我们会发现，网页中基本都以微软雅黑字型为主，而宋体已不多见。具体来说，微软雅黑体相比宋体而言，少了一些装饰性，同样字号，微软雅黑体在视觉上更显粗壮有力，且辨识度更高，尤其是小字号的显示效果，微软雅黑体的视觉感会更为清晰与明朗。
网页标题如何设计看起来会比较舒服?
答案是字型清晰疏阔，字号醒目易读即可。
▷ 例如，网易新闻的标题样式一般设定为微软雅黑体字型，36 画素的字号。
微软雅黑字型，字号 36px
▷ 腾讯新闻的标题样式一般设定为微软雅黑体字型，26 画素的字号。
微软雅黑字型，字号 26px

3 、段落、行间距规范
阅读是多用户在网站上获取资讯的重要方式，阅读体验的好坏直接关系到多用户对多商店产品的印象，作为资讯展示的主体，漂亮的文字排版和巧妙的留白都能为整个网页增色不少。在 WordPress 网页设计中，文字排版的要点分为两个方面，即段落和行间距。
▷ 段落中 “行长” 与 “对齐方式” 的设定
行长：主要指段落文字的宽度。
通常情况下，行越长，行间距越大，否则多用户在阅读时很容易序列。在网页正文中，汉字一般以每行显示 30~40 个字为宜，英文一般以每行显示 40~70 个字母为宜。
段落：对齐方式主要有 4 种，包括左对齐、右对齐、居中对齐和两端对齐。
段落对齐方式
在国内，大段文字的设计，多数设计师会根据中国多用户的阅读习惯，将对齐方式设定为左对齐。
▷ 段落中 “行间距” 的设定
行间距：指段落中行与行之间的距离。
行间距作为段落中的留白，让字与字之间有了可呼吸的空间。过小的行间距会使页面变得拥挤不堪，增加多用户错读的可能性。而过大的行间距则会占用大量的页面空间，缺乏美感。选择适当的行间距不仅可以提升文字的易读性，也可以最大限度地利用好页面空间。
行间距的设定
传统中文文件预设行间距一般为 1.5 倍，在现阶段的 WordPress 网页设计中，汉字一般使用 1.8~2 倍的行间距。
英文段落一般选择 1.5 倍行间距。
WordPress 网页设计的标注规范
在设计的日常工作中，设计师与前端开发人员的对接关系往往非常紧密，而设计图的标准化标注可以提高前端开发人员的工作效率。
效果图的标注一般包括以下 3 个部分：
☉ 页面中控制元件的颜色、尺寸、互动效果 (如按钮、表单等) 。
☉ 字型颜色、字号。
☉ 页面中各个模组的尺寸和间距。
在效果图示注中，应特别注意以下 4 个问题：
☉ 保证标注的文字清晰易读。
☉ 标注所使用的颜色应与背景色区分。
☉ 标注应尽量在空白区域，不要对原图造成视觉干扰。
☉ 标注资讯应条理清楚，同一模组的标注应摆放在同一位置，适当留有间隙，方便开发人员阅读。
在进行 WordPress 网页设计时，WordPress 网页设计师必须熟读 WordPress 网页设计的原则和规范，且一切设计必须依照规范来进行。目前遵循的 WordPress 网页设计规范都是经过科学论证和多用户调研得出的。随著科学技术的不断发展，这些规范可能需要与时俱进，但是对于现阶段的 WordPress 网页设计而言，这些符合当下多用户体验的规范经验值得设计师学习和借鉴。