MagicDevil

Menu

移动页面文字排版干货分享

分享一些自己在排版过程的经验,以下内容仅是个人观点,不代表专业权威。

 

文字排版时常见误区

 

首行缩进

移动版面排版不同于书籍文刊,并不需要首行缩进。要解释先弄清楚为什么我们需要首行缩进。首先要说,段落的首行缩进并不是绝对正确的真理,只能说是一种习惯。在纸质阅读时代,纸张版面宽度是比较大的,因此我们约定俗成首行缩进以区分段落,方便我们提炼不同层次的大致内容,再根据自己的喜好来决定是否需要仔细阅读。

但是到了电子阅读时代,大多数人的阅读平台都转移到手机这类移动设备上,而电子阅读的版面宽度是远小于纸质宽度的。因此,为了节约横向空间,便顺理成章的选择摒弃首行缩进,换而来之我们会用加大段间距的方法来区分段落,因为移动页面的纵向空间是无限的。

 

图文左右排版

移动页面的宽度是极其有限的,图文不建议采用左右排版的形式。我个人比较推荐上下排版。

 

花哨

我认为文字排版的目的不是为了图什么花里胡哨的版面,我们并不是在做海报设计,文字排版更多是为了让内容更易读。让阅读更沉浸才是我理解的排版目的所在。因此在排版过程中,我会选择舍弃过多的花哨元素来提高阅读的沉浸感。当然你也可以完全反对我的说法,你可能认为太朴素的文字排版会带来阅读疲劳,失去情感。其实这些没有对错只有适合,选择简约来追求效率难免会失去一些情感和乐趣,其实这也是扁平风和拟物风斗争的话题之一。但是我还是坚持认为,过分多的花哨元素在排版中应该尽量避免。

 

字体不适

正文字号不宜过大,应该选择无衬线体,而标题字号反而需要稍大一些,可以采用衬线字体来突出强调。这里就不解释什么是衬线体了,说一下使用衬线体要注意的问题。首先一定要注意衬线体适合标题类的文字使用,可以让标题更有情感,更加醒目。如果过分追求字体美感把正文字体也套用上衬线体,你会发现整个文字页面会有些凌乱不堪,阅读疲劳感会加强很多。其次,衬线体在使用时一定要考虑好适配的机型屏幕素质,如果是一些PPI比较低,没有像苹果那样次像素渲染技术,衬线体表现出的紫边明显程度可能比无衬线体更强,影响观感,所以采用衬线体一定要考虑到适配机型的屏幕素质和字体渲染算法问题。

还有一个就是斜体问题,有些朋友排版时正文会有斜体内容,我个人认为这是不可取的。首先中文汉字本身是不存在斜体一说,古代的各种书法字体也不存在斜体,只是现在受西文影响,斜体才会和中文结合,但是强制拉伸的斜体其实并不适合阅读,美感也不用多说。另外要注意,中文汉字是以形示意,它不像西文依靠字形简单的字母元素组合示意,中文汉字对形状的要求会高的多。比如塵麈,本身就长得像难辨别,这时候我们再把它斜过来塵麈,这时候字体辨别度都低更多了,当然这只是极端情况。考虑到目前为斜体汉字专门打造的字体还比较少,所以在注释和标题上采用斜体也要考虑到适配机型的屏幕素质和字体渲染算法问题。

 

风格不一

很多朋友做的文字排版,从上读到下,风格会完全变了样,采用的图片风格也相差很大。优秀的排版设计,不仅可以兼顾视觉美感,更能做到在纷繁中建立秩序。统一设计语言并不是一件简单的事,尤其是在你企图个性的时候,一不小心就会让你的整个内容看起来繁杂无序。所以一切从简并不是一件坏事儿,比如你在做微信公众号推文排版的时候,并不一定要用乱七八糟的编辑器,微信自身的编辑器也是很好用的,也可以配合使用Markdown来增加层次的区分度。

 

以上内容大多是我个人在设计上的一些理解和理念,并不是专业观点。

如果大家对设计比较感兴趣,想深入学习,除了看一些直接指点你应该怎么做的干货类书籍,也推荐看一些设计理念类的书籍,可以更多了解设计大师在设计时,想法的来源,以及设计的缘由。

 

 

分享一个极简素雅的排版方法

 

文字

标题字体:可以使用无衬线体,使用衬线体可以去造字工房淘

正文字体:San Francisco / Myriad Pro (light) / 昆仑细圆 / 冬青黑体

标题字号:34px

正文字号:13px / 14px

正文颜色:#3F3F3F

注释颜色:#7F7F7F

正文字间距:1.5

以上仅为参考,字体使用注意版权问题,字号还是要根据ppi和字体渲染算法选择,字色要根据配图适当改变。

 

配图

配图贴合内容,要注意突出主题,所有配图风格尽量一致。

人物图:选择人物图片时要注意,背景为纯色或者背景虚化比较强,人物位于中央,半身即可,分辨率要高,要注意人物表情选择,面部光影选择等;

景物图:注意构图,颜色要关照其他图片风格,不建议用色彩过多或者偏强烈的景图;

插图:一定要贴合文字内容,选择的插图可以有一些趣点,增加趣味性。

 

注释

可以采用斜体,但是要考虑到字体以及字号是否适合倾斜,颜色偏淡,可以放置在图片下方做备注。

 

修饰

分隔栏、引用、加粗、留白、段间距、字间距

 

简单范例

文字排版的意义是为了让内容的可读性更强,建议前期经常使用Markdown增加对排版的感知认识。

最优秀的文字排版效果是达到让读者完全沉浸于内容,忘记排版本身的存在。

共写了2006个字