美文网首页
移动端阅读产品文字编排的易读性

移动端阅读产品文字编排的易读性

作者: Zeeshan | 来源:发表于2017-09-05 14:45 被阅读69次

在手机阅读类App中我们注重的是阅读的易读性,给用户带来更好的阅读体验。

1、首先设定阅读区域。

一般来讲,阅读类App可读区域距边框都有一定的距离,这个距离没有明确的规则。我习惯左右边距为16PT。

2、字体大小的设置。

文字的字体大小,标题的字号要大,解说注释的字号要小,文字的大小要根据它的作用灵活设定。在版面设计中,首先要确定正文字体大小,只有确定了正文字体大小,才能根据它来调节平衡,决定大标题,小标题以及注释文字大小。在手机阅读类App中,我习惯正文用14-15PT文字,标题用16-18PT文字,标注、提醒类文字我喜欢用10-12PT文字。

3、行对齐

排版中重要的一条,是把应该对齐的部分对齐,例如每一个段落的字行对齐,就是把行的位置进行对齐使其一致的方法。行头对齐是所有行均在行头对齐的方法,虽说这种用法使得行尾不齐整,但方便文章的停顿部分换行,适用于散文、诗歌等表现韵味的文字版式。但是,对于编排长篇文章时,选择左右对齐更能体现条理性。由于换行的位置都相同,阅读行头或换行的时候视线能够平缓流畅地移动。

例如某一行文字由于有标点符号,我们为了对齐会调整这一行文字的字间距,这样是为了保证文字段落之间的整体性,头尾都对齐,看上去端正整齐。

4、文字留白

编排文章时,最小的留白是文字里的空白,根据文字的形状,字中有很多小的空白,留白的大小依据字体或者文章内容上汉字及英文的多少而改变。其他比文字中的空白大的留白,是文字与文字之间字间隔的空白、以及行与行之间的空白,段与段之间的空白,留白的面积大小要遵循上述顺序。在文章中如果这个顺序颠倒或者混乱,就会变得不易阅读。整理好依次顺序后,再要检查编排后的文字是否严格按照这个顺序进行设计。不过在实际排版时没有必要把它们的大小都分别测出来。重要的是用眼观察外观来判断留白大小是否合适。

5.行间距的设定

行高,行间距的大小对文章的易读性有很大的影响。行与行之间拉得过开,从一行末尾移动到下一行开头,视线的移动距离过长增加了阅读难度。相反,行与行之间贴得过紧,上下挨得过紧影响了视线的移动,让人不知道正在阅读哪一行。正文最恰当的行高,基本应该设定为其文章中文字大小的两倍。例如文字大小为8px的文章,就应该把行高设定为16px。

另外正文以外的大标题,小标题和引导语类的短文章,一般要把行高设定得稍微窄一些。大标题或题目的部分,因为字号较大,若文字间隔太大太松散会影响阅读。因为若把引导语的行高设定过宽,这段文字难以被认为是一个整体。因此需要配合文字版式,挤紧字与字之间隙,这样会让版面看起来紧凑扎实。

保持足够的行间距

段落与段落之间必须有一定的距离。如果这种距离不够,那么读者从字行末尾折回,移向下一行视线就会与移向下一段的视线发生冲撞,从而导致阅读无法顺利地进行。而且,如果段落之间的距离过远,也会有造成段落之间的关系联系不强的弊端,因此设定合适的段间距是很重要的。

作为保证文章易读性的标准,将段间距设为大约两个文字的大小是一种通常的作法。也就是说,当正文的文段以12p文字排版时,段间距就是24px。当然,这个标准也并不是绝对的,有时候也可以通过刻意地设定狭窄的段间距,给读者带来内容紧凑的印象。

相关文章

  • 移动端阅读产品文字编排的易读性

    在手机阅读类App中我们注重的是阅读的易读性,给用户带来更好的阅读体验。 1、首先设定阅读区域。 一般来讲,阅读类...

  • 文字编排的易读性

    在视觉设计工作中,大家总习惯将重点放在图标和色彩上。但实际上,作为一个阅读类app,思考如何让文章更易于阅读是和图...

  • (转发)文字编排的易读性

    在视觉设计工作中,大家总习惯将重点放在图标和色彩上。但实际上,作为一个阅读类app,思考如何让文章更易于阅读是和图...

  • 2017.1.5

    文字编排的易读性 作为一个阅读类app,思考如何让文章更易于阅读是和图形、色彩处理同等甚至更为重要。 在版面设计中...

  • 移动端字体设计五大原则

    移动端阅读字体设计五条原则 1.使用差异较小的文字组合 在桌面端我们可能会采用字号差异较大的文字组合,移动端屏幕较...

  • 产品工作中不可不知的几点Android和iOS差异

    移动互联网时代,移动端产品的规划设计是大多数产品经理的必修课。广义来说,移动端产品主要包含iOS端App、Andr...

  • PC端的软件界面设计思考(上)——差异篇

    随着移动互联网时代的到来,移动端的产品越来越受到重视。在规划产品时,往往会把移动端和PC端的产品放在同等重要的地位...

  • 产品经理的初步接触

    目前你的产品按照终端可以分为三类:PC端,WEB端(包括WAP),移动端。对于目前而言对于移动端和WEB端的产品经...

  • 那个什么,让我们聊聊移动电子书阅读App吧(一)

    电子产品的出现改变了我们的阅读习惯,更多的人开始选择在移动设备上阅读书籍。今天就想和大家聊一聊移动端的阅读类App...

  • 电商首页设计心得!

    移动端产品最难地地方就是在很小的屏幕上展示出你所有的业务。因为有屏幕的限制,加上移动端的客户碎片化阅读的习惯和高流...

网友评论

      本文标题:移动端阅读产品文字编排的易读性

      本文链接:https://www.haomeiwen.com/subject/subujxtx.html