前言:分享一个简单又高大上的排版方法。之前尹航欧巴分享一键排版很方便,其中用到了Markdown以及css,是特别好的工具,但很多人包括我也不是很会用,还需深入学习。
今天以公众号的排版为例,跟大家分享一下,其实很简单的方法就能让你的文字显得更高大上。再好的内容,呈现到读者面前的最后一刻,才是显现其价值的时候。千万不要让辣眼睛的排版埋没了你的作品呀。
首先来看文本的排版。
一、文本排版
“文本排版”,又称“文字设计”,是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。
---维基百科
知乎上有一篇高赞文章,《写给大家看的中文排版指南》直接点这里,建议大家先好好阅读一番。
摘抄一下目录:
1. 中文排版
1.1 引号
1.2 省略号与破折号
1.3 行首行尾禁则
2. 西文排版基础
2.1 西文撰写基础
2.2 西文标点相关
2.3 斜体的用法
2.4 大小写的区别
3. 中西文混排
3.1 基础原则
3.2 标点相关
文字的基础排版格式写得非常详细,细到标点跟空格,非常值得学习。
举两个例子:
1)中英文之间需要加空格。
示例:iOS 是个不错的操作系统。
2)遇到完整的英文句子使用半角标点。
示例:《阿甘正传》的「You never know what you're gonna get.」这句台词令我印象最深。
以上这些最基础的文字排版规则请仔细阅读并从现在开始就用起来。
有些道理看起来过于简单不值得一提,但要真正贯彻好,你会发现你的作业所呈现出来的品质有了很大的提升。
二、文本的处理
字号大小的选择与确定(栏宽)
选用 #14 与 #16 两种字号搭配使用,不同字号大小用于区分文本内容。比如说,正文使用 #16,引用文本使用 #14 号文本;或者说,稍次要的文本选用较小字号。
图片: https://images-cdn.shimo.im/Xwqenv2vB0EP7elA/_高大上互联网排版术_的副本.004.jpeg!thumbnail
一般来说,主体文本字号大小在 14 号与 16 号之间;
字号变小,易阅读性会有一定下降;
字号变小,精致感有所增加;
更改页边距可以协调精致感与易阅读性;
来感受一下字体大小和颜色的区别。
图片: https://images-cdn.shimo.im/ef2FhGp3rTgMZcBH/排版_1.jpg!thumbnail
一般正文用 #16,颜色 #404040(深灰色)
引入部分用 #14,颜色 #808080(浅灰色)
不用纯黑色是因为对比度太强会刺眼。
配合使用效果如下:
图片: https://images-cdn.shimo.im/Qb2UcSYCUZwbmHg6/_高大上互联网排版术_的副本.008.jpeg!thumbnail
字符间距,行间距,段间距的选择与确定
字间距
字间距是两个文字之间的间距。这是手机排版中的一个很小的因素,但值得关注。
可能你会认为在一个段落里,字距调整可能不是一个必要问题。但如果你足够细心,就一定会注意到,在英文文本中,大写字母与小写字母之间的空间和两个小写字母之间的空间不尽相同。
这也是中英文混排时一定要间隔一个空格的原因。
图片: https://images-cdn.shimo.im/5hbS8VRWMBQd6Edo/22222.png!thumbnail
行间距
行间距是一排文字和另一排文字之间的空间。手机屏幕较小,所以行间距通常比桌面版本小。过宽或过窄的行间距都会降低可读性。
图片: https://images-cdn.shimo.im/BEO2SpIyqoMzh3ob/11111.png!thumbnail
段落的长短问题
段落的长短多控制在 3~5 行
段落太长太短,视觉上容易带来枯燥感
有些娱乐性质较强的居中排版文章另说
最后拿图说话。
图片: https://images-cdn.shimo.im/c94DKrujlCwRMxRm/排版2.jpg!thumbnail
公众号的文字排版内容就是这些,能好好遵循以上规则去排版,就已经能做到不用任何编辑工具就可以把版排好。
三、图片的处理
图片搜索
好的配图一般去 谷歌 和 500px 找。
ps: 用外网搜索时英文比中文来得更高效。
配图的尺寸与比例大小请遵循一致的原则
文字与配图之间空行
四、发布之前最重要的一步——预览
完成以上步骤之后,请点击“发送到手机上预览”。
以读者思维去阅读你刚才排好版的文章,想想哪些地方还可以改进的,任何自己感觉不舒服的地方都要改,改到自己满意为止。
或者发给朋友,请他们帮忙看,哪些地方是他们觉得读着辣眼睛的。有些你觉得没问题的地方却会给别人带来困扰,所以多几个“内部读者”能帮助你提高自己文章和排版的品质。
完成之后,再点击“群发”。
总结:
简单排版也可以很高大上。只要注意了文本和图片的处理,以及以读者思维去预览、去调整,人人都可以做好排版。
公众号的排版能做好了,其他的排版就可以类推,灵活应用。
最后放一张脑图。
图片: https://images-cdn.shimo.im/2CniYrSjq7QFjfTT/公众号排版指南_201806png.png!thumbnail