别让网页中的文字设计禁锢你的作品

今天张家港卓成科技小编在网站设计师的强烈要求下，给大家分享一篇文章，主题是讲网站建设中的一个大板块，文字设计，都知道现在人们的审美在逐渐提高和变得严苛，那么就先和大家分享两个关于网页的中文文字设计现象吧。

现象1：

我聊了排版网站文字的各种心得体会，其中提到的一个现象让人很意外：除了设计师、前端技术、策划、排版印刷等职位的人员对文字有一定的敏感度外，实际上大多数用户对文字的字体和字号没什么概念。说的没概念是指，虽然用户对正在浏览的网页有一个大致印象，可以说说自己对网站的直观感受，比如网站好不好看、风格是否吸引人等。但他们并不是很在意这个网页使用的是什么字体，甚至不知道造成视觉疲劳的罪魁祸首可能正在于一个字号的“小小”选择。

现象2：

经常听到网站设计师们抱怨网页设计中可供选择的中文字体太少，创意字体即使设计出来也没法实现，或者实现成本太大，大大限制了他们创意的发挥。我们也看到很多设计教程都建议设计师们不要在中文字体上做太多创意。为什么国外网站字体做出来的效果那么好看，但我们在设计网页时总觉得无法达到那种效果？卓成科技网站建设设计师是这么跟我们说的。

先从视觉角度说明：我们能很明显看出，英文是线条结构，中文是方形结构。从构图设计的角度看，英文字母比中文更具有几何符号的感觉，图形感会更丰富；从字形的角度看，英文采用的拉丁字母包括大小写一共52个，而且字形都比较简单，符号数量少便于识别，字形简洁便于设计，而中文的笔画很多过于密集，不利于字体设计。

然后我们再了解一些事实，用户的操作系统中自带的字体有限，若使用创意字体，打开网页前还需要下载，通常英文字体只有几百KB，因为它只需要包含数字、标点、英文字母即可。而中文字符文件庞大，动辄数个MB，甚至十几MB，下载时间一般比较长，往往导致网站打开速度慢，可能特殊字体还没看到，用户就已经把网页关闭了。

从以上真实情况可以了解，其实我们不必纠结于网站的字体设计无法发挥创意，因为用户在意的不仅仅是字体设计的创意，而是网站整体给人的感受，因为卓成科技设计师觉得，对文字的创意可以通过其他方向的发挥来让用户对你的网页设计印象深刻。比如，保证网页整体文字设计的规范性、增加修饰文字段落的创意，以及对少量特殊字体的灵活应用。

一、如何保证网页整体文字设计的规范性？

1、网页设计规范：字体选择

在选择字体上，我建议设计师们尽量选择系统默认的或通用字体，保证浏览器能够正确识别并显示出正常的文字。我们以宋体和微软雅黑为例：

宋体

宋体是最常见的中文字体，在没有指定字体的情况下，浏览器往往选择它来渲染。但很多人认为这种字体并不美观。其实并不是这样！它更多展现的是层次清晰，让人一目了然，同时展现的美观度丝毫不弱。

微软雅黑

微软雅黑可以作为网站首选字体，它的美观度和清晰度都较好。在卓成科技网站中，整站使用微软雅黑字体，在不同板块灵活应用了不同的字号，文字层次很清晰，让整个网站显得干净大方，富有亲和力。

我们再来说说宋体和微软雅黑的一些区别。

宋体是衬线字体，微软雅黑是无衬线字体，宋体在视觉上更纤细。和宋体相比，微软雅黑的字形不是正方形的，而是稍微的扁宽，字间距很小，这样会使默认的行间距更明晰，同时微软雅黑的字心显得更饱满。所以在同样的字号下，雅黑的单字面积显得更大，更容易识别。标题字体使用微软雅黑更适合，正文内容可以根据设计风格和需求灵活选择。不过在手机端查看时，我们很明显感觉到微软雅黑字体更赏心悦目。

2、网页设计规范：字号选择

CSS里面常用描述字体大小的单位主要是em和px。其中em在跨平台设备字体处理上很有优势，在常规网页设计中，我们通常更多采用px作为单位。这里以px为例，网页设计中一般使用14px作为标准字体，16px作为中等字体，18px作为较大字体，12px作为偏小字体。当然，我们这里说的只是一种比较通用的标准，实际上如何选择字号需要设计师根据网页整体设计布局来确定。在页面自适应的设备上，比如手机屏幕分辨率比PC端的低，这些因素也是设计师需要考虑的。

3、网页设计规范：文字设计的规范性

大家应该记得一点：虽然我们看到很多网站页面的分享，但这些页面都是属于不同网站的，而用户关注的是一个网站的整体。所以对于设计师来说，他们在设计网页时应该考虑所有页面规范和一致性。初级设计师比较容易犯一些细节错误，比如同一层级下的不同页面出现字体不一样，字号不统一，字间距不一致的情况等等。如果想成为一个专业设计师，这些问题都是需要通过规范设计来避免的。

二、如果想让文字部分看起来有创意，我们可以怎么做？

1、使用不同颜色的文字突出重点

2、段落加上装饰性设计元素

3、重点文字内容字体加粗

4、文字与背景色形成高对比度

三、如果一定要使用特殊字体

在遇到需要使用特殊字体的情况时，很多设计师最常做的方法是把想要的文字做成图片，但这种方式有几个明显的缺陷：不可能大范围使用该字体，图片内容的文字不易修改，还很不利于网站的SEO。因此我们不建议这么做。通过技术，我们就可以灵活使用一些特殊字体让网页设计更有创意啦。

张家港卓成网络科技有限公司　　

全国服务热线：400-0708-221‍