排版技巧:文字编排的易读性,9个要点让阅读更舒适
排版技巧:文字编排的易读性
9 月 15, 2014 发表于: 视觉设计.
Sponsor
于视觉设计工作里,大家常常惯于把重点置于图标与色彩之上。然而事实上,身为一款阅读类 app,思索怎样使文章更便于阅读,跟图形、色彩处理同样重要甚至更为关键,是其一也是另一点。
在开展设计工作期间假使处于有 100 个人的状况那便会有 100 种设计理论,我觉得并没办法归纳出一条绝对无误的理论。然而要是全然不存在任何设计理论的话,好像看上去就会致使设计显得十分怪异。比如说,常常能够见到这种书籍(图1),有一行文字长度过长并且订口的空白又被处置得不太恰当。只要瞅见这样的设计,立刻就会萌生出“在此好像不存在规则呀”的想法,还会让人滋生出“这本书籍的设计师似乎不读书呀”这般的感受。
仅是阅读之时,哪怕仅存一些地方叫人难以领会,仍旧会致使这人精神无法集中,无法笃定关注文章自身。倘若身为一个读书之人,其自行瞧瞧这般的设计,自身亦就会觉察这般的方式不利于阅读呀。故而我觉得电子书的阅读感受亦是如此,要打造出理想的版面,身为设计者得站在读者的视角予以考量,理应寻觅对于自身而言便于阅读的排版。因而,也借此契机来梳理出网易云阅读产品里,书籍正文文字排版的相关规则。
设定内容区域
首先,在书籍编排进程里,设置页面四周的余白用于对页面排版加以安排,页边空白大小各异,排版效果给读者造成的印象便会出现不同,所以要予以适当处理,虽说纸质书籍存在受莫里斯倡议的版面设定理论,然而这些理论不适用于显摆在硬件设备上,故而我们得依据不同媒体特征予以处理,如图(2),有颜色的部分属于版面,abcd版面标准的设定通常依照1:1.2:1:1.7的比例予以设计。
字体大小设置
第二步是关于文字的字体大小,标题的字号应当大些,解说注释的字号需要小些;文字大小得依据其作用变化去设定呐。在版面进行设计时,首要就需要确定正文字体大小,唯有在确定正文字体大小之后,才能够凭借它来调整平衡,进而决定大标题、小标题以及注释文字大小呢。
如下的图,是适用于一般文章正文文字大小的图例,即便文字彼此是相同的大小, 然而字体不同,看起来大小也是不一样 ,而且选择文字大小时,要考虑文章的阅读方式,像是,是在大屏幕机器中,还是在小屏幕里。(图3 - 4)。
行对齐
排版里重要的一点,是让该对齐的部分达成对齐,像每个段落的字行对齐,就是去对行的位置做对齐使其一样的办法。行头对齐是所有行都在行头对齐的方式(图5)虽说这用法致使行尾不整齐,不过方便文章的停顿处换行,适用于散文、诗歌等展现韵味的文字排版。然而,在编排长篇文章时,选用左右对齐更能彰显条理性。因为换行位置均相同,阅读行头或换行时视线能平稳顺畅地移动。
文字留白
存在着多种多样能让文章变得易于阅读的排版方法,接下来要把那种较为简单的方法“留白”说一说,留白所指的是在版面里留下空余的空间 。
文章编排时,最小的留白是文字里的空白,其依据字数多少,因字体或文章内容中汉字及英文数量而变,字中有小空白,依文字形状;其他比文字中空白大的留白,是字间空白、行间空白、段间空白,留白面积大小依此顺序;文章中若顺序颠倒或混乱,便不易阅读。

顺序整理好之后,接下来要查验编排后的文字是不是严格依照这个顺序进行设计。然而在实际排版期间,没必要将它们的大小逐个测量出来。关键在于凭借用眼观察外观去判定留白大小是否恰当。
行间距的设定
行高以及行间距大小,对文章易读性有着极大影响,行与行之间若拉得过开,从一行末尾移至下一行开头,视线移动距离过长,会增加阅读难度 。相反,行与行之间若贴得过紧,上下挨得过近,会影响视线移动,使人不清楚正在阅读哪一行 (图12)。正文最恰当的行高,基本应设定为文章中文字大小的两倍 。比如文字大小为8px的文章,就应将行高设定为16px (图13)。
然而,依据文章所采用的字体存在着差异,那行高所运用的值便会产生变化。比如说,宋体样式的文章,其行高相较于黑体的行高而言,会高出一些,反之,黑体的行高则要略微低一些,如此这般的设定会更加便于阅读 。
再者,对于那些位于正文以外的大标题、小标题以及引导语类的短文章,于通常情况下,是要把行高设置得相对窄一些的。就大标题抑或题目的部分而言,则是由于其字号比较大,一经文字间隔过大且过于松散,便会对阅读造成影响。而要是将引导语的行高设定得过宽,那这段文字便很难被视作一个整体。所以,需要结合文字版式,把字与字之间的间隙挤紧,如此一来会让版面看上去紧凑又扎实。
在我们开展设计工作之际,头脑当中常常会存有某种标准,并且会将其用作排版工作的标准。然而在实际工作当中,总会遭遇一些具体情形,比如说对于对话较多的原创类书籍来讲,行距略微小一点也并无不妥,而对于出版类书籍这种段落文字较多,亦或是论文这种比较晦涩的内容而言,行距大一点会更利于阅读。当然读者的年龄也是相当重要的问题。如此这般的观点还是与自身的阅读经验直接关联的。
保持足够的段间距
段与段之间,得存在着一定的距离才行。要是这种距离不足够,那读者从字行末尾折返,把视线移向下一行时,就将会与移向下一段的视线产生冲撞,进而致使阅读没办法顺利地开展。并且,要是段落之间的距离太过遥远,同样会有着致使段落之间的关系关联不紧密的弊端,所以设定适宜的段间距是相当重要的。
为保证文章具备易读性的标准,把段间距设置成大概两个文字的尺寸,这是一种平常的做法。就是说,要是正文的文段按照12p文字进行排版,那么段间距便是24px。当然啦,这个标准并非是绝对的,有时也能够通过特意设定窄小的段间距,给读者送去内容紧凑的印象。
书籍排版在硬件设备上是以像素尺寸形式显示的。据此我们得保证设计出的文本尽可能易读,不管读者身处的空间、时间出现怎样的变化。我们需尽可能深入地去了解,做出明智的决定,还要建立规范的设计规则。
特殊符号的处理
与构成简便、仅需处理字母的西方文字相较,在中文汉字里,众多“符号”杂乱无章地混集一处,构成极为复杂。所以,为让这些繁杂的要素配置得齐整美观,在开始排版以前,要预先制订“段落样式”的设计排版规则。
对比如中文跟英文混排式样的文本而言,要想达致中文以及英文谐和自然地结合这种效果,就得把英文的字号设定得比中文字号更大一点。另外在左右对齐文章的时候,必定要决定是不是把标点“悬吊”在对齐线之内。再者标点、记号,要是放置在行头或者行尾,文章就会变得不太容易阅读。为了避免这些情况发生,一定要进行避头尾这项设置。制定好上述这般详细的规则,就能够将文章编排得美观又协调。
版面设计也会随着时代的不同而发生变化。
有时,即便运用这些相同理论进行编排设计,仍会出现两种情况,一种是“看起来不错啊”,另一种是“只不过是简单的排列而已”。设计必会体现时代要求,当然,读者年龄层也是极为重要的影响因素。
网易云阅读页面元素的运用方式,风格,所采用的字体样式等方面,存在一些既定规则。可这些常用字体隔段时间会有变化,虽变化程度不太显著,但仍在慢慢改变。毕竟从版面设计条件看,视觉上毫无新颖之处是不行的。在对所使用的颜色与文字组合方式等进行细微改变的进程中,有着无限正确处理的可能性。方法存在不少,因此我们持续寻觅最舒适就能轻松阅读的那种编排方式,文:jojo 。

请小编喝杯咖啡吧!