5元素让页面文字阅读更舒适发布者：本站     时间：2020-05-17 13:05:42

上网在线阅读，是大多人获取信息的重要途径。用户会在网上阅读到大量的新闻及各类文章，特别是网络小说，这些页面展示的主体就是通篇大段的文字。对于这种看似简单的文字堆砌的页面，有没有人抱怨过：“这样的页面还需要出效果图啊?”作为网页设计师的你是怎样处理这样的界面的?
是习惯性的使用宋体字或者微软雅黑?

是直接设为12px或者14px的字号?

你有想过为什么要使用这种字体、字号吗?你有考虑过文字排布与阅读效率的关系吗?

你的页面背景会影响到用户的浏览舒适度吗?

让我们从以下5个元素具体分析。


字体、字号

字体和字号这两个元素必须捏在一起说。

字体分为衬线体(serif)与非衬线体(sans serif)。简单的说，衬线体(serif)就是带有衬线的字体，笔画粗细不同并带有额外的装饰，开始和结尾有明显的笔触(如下图)。常用的英文衬线体有Times New Roman和Georgia，中文即是我们在windows下最常见的中易宋体。

与衬线体相反，无衬线装饰，笔画粗细无明显查差异的字体就是非衬线体(sans serif)。Arial、Helvetica、Verdanad都是我们熟悉的英文非衬线体，中文有微软雅黑和mac下默认的中文-华文细黑。