认识达内从这里开始

网页设计中关于字体设计的文章我们给大家介绍过很多了，其中有关于如何选择素材的、有如何进行需求分析的、还有如何与其他元素搭配的。今天，我们就一起来了解一下，在网页设计中字体设计的其他规范都有哪些。

1.不要使用过多的字体

网站排版中建议多不要超过3种字体类型，不然会使网站看起来松散和不专业，不仅太多的字体类型会造成这种问题，太多的字体尺寸也会破坏网页布局。

2.尽量使用标准字体

在GoogleWebFont或者Typekit，和国内的“有字库”的字体嵌入式服务有很多有趣的字体，对于国内设计师来说，痛苦的是中文字体会很大，一个字体动则几兆，十几兆的，这样用户在会增加用户浏览网站的载入时间;反之英文字体26个字母大小写，加数字标点符号一共几百k的字体是很容易在网页中使用的。

3.限制一行文字的长度

保证每一行文字的字符数量是文本可读的关键。不是设计师来定义文本的宽度，而是根据用户的可读性来定义。

4.选择用有多个字重并显示良好的字体

用户将通过不同屏幕分辨率的终端设备访问你的网站，大多数用户界面需要各种大小尺寸的文本(标题、副标题、文本、标注等等)。选择一款能够在不同屏幕分辨率的设备上运行良好的字体以保证它的不同尺寸的字体都具有极高可读性(Readability)和可用性(Usability)也是非常重要的。

5.使用识别度高的字体

在选择英文体的时候，有些字体的个别字母极易混淆，特别是“i”和“L”(如下图所示);以及文字之间的间距。许多中文字体在使用较小字体的时候笔画会粘到一起(上图)，不容易辨别;所以在选择字体类型的时候，请检查你选择使用的字体，确保不会为用户和产品造成不必要的损失。

6.避免在界面中大段的使用大写字母

不要所有文本使用大写字母，强制用户阅读大写字母，字母大写，具有特殊含义的缩写等情况除外，与小写字母相比，大量的使用大写字母会严重降低用户的阅读效率和愉悦感

7.将行间距控制在字体的1.5-2倍之间

在文字文字排版中，我们又一个特殊的术语，用于表示行与行之间的距离：行间距(或行高)。为了保证文本的可读性和易读性，使文本形成线性的阅读感受，将行间距控制在字体大小的1.5-2倍之间(中文字体)。英文字体推荐使用默认行间距，或根据默认行间距微调。

8.适当的颜色对比度

通常情况下，文本和背景尽量避免使用相同或相似的颜色。文本越明显，用户能够扫描和阅读的速度越快。当然，学会通过文本颜色、大小和背景的颜色关系来控制视觉层级也是必要的。

9.避免将文字着色为红色或绿色

色盲和色弱是我必须要照顾到的一部分用户，特别是在男性中(8%的男性是色盲)建议使用处颜色以外的其他方式来区分重要的信息(如下划线，加粗等)。避免使用红色和绿色单独传达信息。因为红绿色盲是常见的色盲形式

10.避免文字闪烁

闪烁的文字或内容可能会让某些用户感到不适，对于一般用户而言，这可能分散他们的注意力或者使他们感到烦躁。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。