关于APP开发的文字排版问题

APP开发时文字排版是常见的页面，用户用手机阅读，获取信息，比如阅读到大量的新闻及各类文章，特别是网络小说，这些页面展示的主体就是通篇大段的文字。对于这种看似简单的文字堆砌的页面，有人觉得不需要什么设计。其实恰恰相反，这样的阅读页面，是用户长时间停留的页面，设计的好与坏直接影响到用户阅读的体验。

 

 

那么，在APP开发时，信息展示页面的文字排版应该注意哪些问题呢？是习惯性的使用宋体字或者微软雅黑?是直接设为12px或者14px的字号?你有考虑过文字排布与阅读效率的关系吗?你的页面背景会影响到用户的浏览舒适度吗?让我们从以下几个元素具体分析。

 

一、字体和字号

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

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

 

二、行长

我们随手拿起一本书或者一份报纸，数一数每行的文字，一般情况下都不会超过40个汉字。这是因为如果每行文字过长，读者会不停的转动脖子，感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首，也很容易串行，影响读者浏览文章的节奏。这点同样适用于网页上的文章阅读。由于显示器是横向的，我们更要注意划分阅读区域。

文本宽度控制在450-700px为宜，此范围内参照字号大小;

英文每行80-100个字母(空格算一个字母)为宜;

中文每行30-40个汉字为宜。

 

三、间距

通过设置间距，我们就可以控制文字的密度。如果每行间距太小，与文字过长一样，读者浏览文章时也容易串行;如果行距过宽，阅读时就会感觉文章不够连贯。

间距没有固定的值，通常是根据字体大小来定义的。在word里我们常看到双倍行距、单倍行距和1.5倍行距的选项。网页上行距的单位常用em来表示，不管是中文网站还是英文网站，大家多喜欢用1.5em-1.8em的行距。以1.6em的行距为例，字号16px的字，行距就是25.6px。

 

四、背景

白色是全频光，全放射光对人眼睛的最有刺激，所以很多印刷品读物的纸张都选用乳白色或者淡黄色的纸张。由于显示器本身就发光，所以同是纯白色背景的文字，在电脑上比在纸上阅读会使眼睛更容易疲乏，另有研究表明：在电脑上阅读只有在纸上阅读速度的78%，阅读效率大大减低。因此，为了提高页面浏览的舒适度和效率，越来越多的页面采用浅灰色和淡黄色做为页面背景。

 

另外，印刷品以文字为主的出版物往往会采用低光泽度的纸张，也是因为光泽度高的纸张反射度高，导致阅读质量下降，容易使人视觉疲劳。页面背景仿造低光泽度的纸张(纸张纹理)也能否提高阅读的舒适度呢?

 

实际工作中，我们需要思考的更多，浏览环境、设备、网站特点、用户人群、个人偏好等等都需要设计师根据具体情况来把握界面文字的展示效果。为用户带来更好的体验感受。