网页设计排版设计,怎么让长文章更容易阅读

2018-01-24  7414 分类:设计资讯

网页设计排版设计,怎么让长文章更容易阅读


网页设计排版设计有着许许多多需要注意的要点,下面本文将为大家详细介绍怎么让长文章更容易阅读。主要是希望给外文圈的朋友在进行Web与App等内容服务中文地区化时,能够提供较好的文字排版呈现。


网页设计排版设计,怎么让长文章更容易阅读.png


一、注意标点的不同


无论你有没有安装额外的字型,各操作系统中有汉字的字体数量不在少数,有些是简体、有些是繁体、有些是日文。但问题在于,日文、繁体中文与简体中文的字形不同,加上每种字型只会造出针对该种语言常用的汉字3,常会发生缺字而后退到其他字型的状况,会使得文内的字型不一致而打乱阅读。所以,从一开始就选对字型相当重要。


那么,要如何判断简体与繁体的字型呢?


很简单,输入一个全角的逗号与句号,套用你所要的字型,若这两个符号位于正中央,就是繁体中文;若像日文一样落到左下角,就是简体中文。若要进一步区分简体中文与日文字型,可以输入日文没有的汉字,若无法正常显示,就是日文字型。


二、使用正确的系统字型


更进一步,你可以在App的地区化或者CSS中指定对的系统字型。我常看到许多产品只做好日文的地区化,例如说仅使用OS X与iOS中的Hiragino Mincho来做内文字,这会产生许多问题:


前面所提缺字会让内文遇到一些字时显得坑坑疤疤,就像剪贴的黑函一样。


台湾、日本、香港、中国使用的字形不同,而最好都能用该区域的标准字。


三、适当的行距


不只是行距,字级也是个问题。但我没办法告诉你字级要多大才正确,毕竟现在屏幕尺寸与DPI差距颇大,但绝对不能以排英文的方式来排中文。活版时代,内文常用的字级有两种,一种是五号字,就是10.5pt(3.7mm),另一种是新五号,就是9pt(3.18mm)。7内文字尽量不要小于9pt。这里请以适当的大小自行计算,毕竟屏幕与书籍是不同的。


四、对齐是万灵丹


传统中文活版这张图片是古老的中文活字印刷版,从这里可以显现出重要的中文排版原则:所有的元素都是正方体。


但是从二十世纪开始使用标点后,到了现代桌面版时代,许多排版工具软件都直接套用来自日本的「禁则处理」—即避头尾点;加上与西方文字混排的状况越来越多,以至于无法做到纵横对齐的基础。但是至少段落的头尾还是需要对齐。这就是为什么对齐对电子书与长文章来说十分重要的原因。


五、没有斜体


中文的书写、印刷历史中,「斜体」从来都不存在。拉丁文字中所称的「italic」主要是指「手写体」,但在中文传统中,手写体就是书法字,更贴近「Cursive」的定义,无论楷书、行书、草书都该属于这类别。


六、段落区隔


段落区隔对于中文而言相当重要,有着两种方法:


1. 如书的呈现


中文的印刷书一般段落之间除非有其用意,不然不会加入空行或者间隔来区分段落,而是使用两个全角空白(杂志等窄栏时使用一个)来缩排做出段落区隔。在分页的情形下,可以在换页时也能轻易地看出段落区隔。


2. 如网页的呈现


但人们在网页上阅读速度较快,如书般的版面会让字排得过于密集产生压力,通常使用margin-after(或margin-bottom)来区分。


七、楷体更像书


一般中文内文常用serif字体,像是明/宋体。虽然sans-serif字体更现代,但在印刷书的世界里,却鲜少看到。


以上就是简单的网页设计排版设计作法,大家在排版设计的时候一定要注重字体的选择、间距等等。这些其实都花不上太多时间就能让文章排得易于阅读,不妨一试。


猜你喜欢