文｜杨坤龙 荐｜号主
源｜坤龙老师（ID：ikunlong）
这次，号主给大家推荐坤龙老师的排版心得，当中不少技巧，看完可以直接用，参考着做，便能提高不少。文章比较长，建议收藏备用~
关于排版
前段时间我发了条朋友圈：有哪些东西是你一旦知道，生活就从此回不去了的？
这篇文章将从文字、留白、图片、引导几部分来写。先来说说排版的作用。
排版的作用
首先要明确，排版是为了内容服务。好的排版，一定都是顺应人性的排版。
人天生缺乏耐心，如果没有经过排版处理，冗长的文章会给读者带来很大的信息获取压力。
排版的作用有三点：
正文排版，包括三部分：
1）文字：字号、颜色、标点符号、排版规范
2）留白：字间距、行间距、段间距、页边距
3）配图：封面图、配图、GIF
文字
1、字号
标题：推荐16px-18px
正文：推荐14px-16px
标注：推荐12px-14px
2、颜色
文章中除了图片，正文全部颜色不要超过三种，颜色太多显得杂乱。另外，不要选择饱和度太高的颜色，就是日常所说鲜艳的颜色。
这些颜色看起来比较廉价，因为会对我们的情绪造成影响。
▍主题色
一种颜色作为主题色，可以用在标题、重点内容、二维码、头像、顶部和底部的引导等。
▍正文颜色
一种作为正文颜色，不建议用纯黑（#000000），手机端会比较刺眼，灰色会温和一点。常用的有：#595959、#3f3f3f。
▍标注色
一种作为标注颜色，用作引用内容、注释、声明等。常用的颜色有：#888888、#a5a5a5
3、对齐
对齐方式主要有两种：左对齐、居中。
▍左对齐
左对齐型排版，首行不需要缩进。
在中文书籍中，因为段落间没有间隙，所以需要用两个字符的缩进加以辨识。但在网页端和手机端，书本式的排版会让读者感到压力，大家改用空行作了段落区分。
▍两端对齐
没有了首行缩进之后，文章左侧像刀削斧砍一样工整。与之相对，右侧容易出现锯齿一样粗糙的边缘，英文排版中尤甚。
▲右侧边缘粗糙
▲两端对齐之后
▍居中
居中型排版
一句话一行
视觉在中央
所以呢
每行不要多
否则就像这句话突然让眼球扫一整行好费劲
另外，不同的对齐方式不要混淆在一起。否则就打破了整体上的视觉统一，不够舒适。
4、标点符号
我之前在朋友圈看到简书主编一鸣发文章说这个事，整篇文章用的都是咆哮体！一天审稿那么多，可以体会一下他的心情。
中文标点符号应全部使用全角符号，下面举出几个常用的标点符号。
▍引号
引号推荐使用直角引号「」，这个符号是「我的最爱」。引号中再用引号使用双直角引号『』。
表示讽刺、反讽暗示、强调语气、人物对话时，使用弯引号“ ”。
直角引号可以在中文输入法中「特殊符号 — 标点符号」中找到，或者是用直接日文输入法输入，键盘上的括号键即是。
直角引号源自日文，弯引号源自英文。
相比弯引号，直角引号在汉字排版中更为优雅和美观，也避免了全角半角不分的同学乱用弯引号导致的格式错乱。
▍省略号
千万不要用六个句号「。。。。。。」作省略号，也不要用三个点「…」，三个点是英文中的省略号。
中文省略号「……」在中文输入法下，用 shift 6 打出来。
▍破折号
破折号占两个汉字空间，不能用连字符代替，即「–」，除了书本里，我现在很少看到有人打出标准的破折号了。
在中文输入法下，用 shift – （键盘 0 右侧的键）打出来，即「——」。
▍项目符号
有序列表：
数字序列是最常见的有序列表。
数字之外还有英文、罗马文序列等。
数字后面加的是圆点而不是顿号。
无序列表：
● 小黑点是最常用的。
■ 小方块跟中文搭配也很优美。
○ 小圆圈多用于注释内容。
另外要注意一点，列表中每句话之后要加句号。
▍三角符
▲正三角经常居中放在照片下方，注释内容前面，起指示作用。
▼倒三角经常单独居中成行，用于分隔两部分内容，引出下文。
▍分隔符
除倒三角外，还有很多符号，都可以用作分隔符。
▲小符号
除了用在文中，也可以用在文末。
▍进度符
这是 i排版在一篇文章中提出的方法，我觉得也很有意思：
选择同一个小符号，用类似进度条的方式来标注，更换其中某一个或几个小符号的颜色，让读者知道文章读到哪一部分，起到提示进度的作用。
下面我用一个小符号来示范下：
第一部分
?? ?? ??
第二部分
?? ?? ??
第三部分
?? ?? ??
5、排版规范
▍强调
在文章中，经常需要强调某一部分，通过设计在视觉上凸显出来。
引用 justfont 中的一段话：
借由底色、边框与不同字体的变化，告诉读者这一段很重要，也帮助快速浏览掌握重点。
除了要特别讨论的上色之外，最常用的强调法不外乎「加粗」、「变斜」或是「加底线」。
加粗、变斜是透过墨色浓度或形状变化与正文对比，这发源自西方数百年的排版规则；加底线则是打字机盛行之后留下的遗产。
强调方式很多，但是千万不能乱用，更不能同时用在一个段落里，否则效果会让人很尴尬。下面进行一一说明。
▍下划线
下划线是打字机时代的产物，如今已经过时。如果用下划线进行强调，反而会喧宾夺主，对文字的阅读形成干扰。除超链接外，其他句子尽量不要使用下划线。
▍斜体
英文从文艺复兴时期，就已经有了用斜体进行强调的排版规则。但中文不同，中文没有斜体，只有计算机程序变形的斜体效果。
中文斜体后失去了中文字形原来的结构和美感，所以不要在中文中使用斜体。
▍加粗
加粗是最理想的强调方式，也是最通用的做法。强调的时候除了加粗外，还可以改变字号或改变颜色。
▍引用
开头的摘要、别人的资料、人物对话、重点语句，都可以使用引用功能。
▲引用功能
引用的内容要独立成段，如果来自别处，请记得加上引用说明。
用了引动功能的句子，就是多了这句话前面那道竖杠。
引用格式中的句子，推荐使用标注色，即#a5a5a5 或者 #888888 。
▍中西文混排
中英文之间加空格：
我用 Typora 进行写作。
中文与数字之间加空格：
现在已经到了 2 月份。
中文夹杂英文单词使用全角标点：
这是我给爸妈新买的 iPhone 7，你拿去吧。
对于完整的英语句子，则使用半角标点：
我最喜欢的英文名言是「Each man is the architect of his own fate.」
以上几点是通行的做法，不是标准规范。我查了很多资料，中西文混排目前还没有一套标准的官方规则，其中最主要的争论之一是关于空格的用法。
有一些同学的文章中字间距很大，这种情况就不需要再加空格。
关于这个问题，我在方宏章的文章《关于文字的可阅读性》中找到一段话，很有参考意义：
每个字母之间必须有一定合理空间（Kerning），如果字母之间的距离过于狭小，就像两个挨着很近的鸡蛋随时有可能相碰撞的危险，如果字母间距过大，那字母就会失去张力和紧张感，使得文字阅读变得乏味。
所以字母之间的距离应该合适，使得在很紧凑的句子和印刷很差的情况下，不会和其他的字母混淆在一起而影响阅读性。
留白
纸上只有黑与白两部分。
上面说的文字和符号，就是排版设计中「黑」的部分，而设计「白」的部分，也是非常重要的。
字间距、行间距、段间距、页边距等，这些是「白」的部分。就像阴阳一样，黑白得当，才有了和谐的美感，给阅读留下了呼吸的空间。
1、字间距
针对一般的文本设计来说，字号越小，字母之间的间距就要越大，以使文字易于辨认。相反，如果将字号调大的话，紧致一些的间距以至于字符之间不会那么松垮，而更易阅读。
2、行间距
文字太过密集，容易让读者失去阅读兴趣，很多好内容因此被埋没。而相反过于稀疏，视觉效果也并不理想。
根据行业经验，行间距一般为字号的 1.5 倍左右。14px — 16px的字号，推荐 1.5 或者 1.75 的行间距。
3、段间距
段间距也有不同层次的划分，可以参考一下知乎用户 @Hindy 的习惯：
我将段落间距分为四档：空三回车、空两回车、空一回车与换行不空。
空三回车：用在小节与小节结束的时候。比如一个标题小节结束，下文是另一个标题开始。
空两回车：用在二级标题下的分隔。
空一回车：用在段落与段落间，内容相较接近。
换行不空：用在两段文字是讲述的一个内容，只是在阅读时需稍作停顿的情况。
手动设置的话，标题和小节之间的行间距也有所差别。最好的方法，还是去参考喜欢的大号，模仿他们的习惯，然后在试图创新。
4、段落长度
正文段落的长度，是影响留白很大的元素。
段落长，留白少。
段落短，留白多。
如果都是长段落，黑压压的大段文字会让人觉得呼吸不过来；如果是一连串的短段落，大片的留白会打断排版的连续性。
而如果都是中等长度的段落，则就像唱片机卡碟一样，絮絮叨叨，缺乏丰富的节奏。
控制段落长度的节奏，是非常重要的排版技巧，这点很多人都不知道。长、中、短段落结合，能让读者在大段文字中迅速找到落脚点。
如此，排版真正成为文字情绪的一部分。
最后，段落最长也千万不要超过一屏。下图这种神人行为，我们一般人千万不要尝试，简直喘不过气。
5、页边距
有一些比较文艺风的文章，会设置很大的页边距来增加留白。根据自己情况来调整，本文的页边距为 1。
图片
1、图片的作用
图片是为内容服务，我把图片分为两种类型：有意义的、无意义的。
▍有意义的图片
有意义的图片有 4 种作用：分享、娱乐、销售、解决问题。
分享
分享某种情感，或者文章中提到的某个物品、人物、场景、行为等等。
▲九份的芋圆
娱乐
一些表情包、GIF 等都是此类，跟读者进行情感上的娱乐互动。
销售
跟文章内容结合，对读者进行销售。或者是销售某一种观点，或者是说服读者做某件事，如一些商品使用场景的图片。
▲图片来自深夜发媸
解决问题
有些信息只靠文字很难直观表达，或者过于复杂，需要图片来进行解释说明，辅助理解，如一些数据图片、趋势图等等。
▍无意义的图片
无意义的图片有 3 种作用：美化排版、阅读奖励、凸显调性
美化排版
图像能够打破视觉的单调性，如果一篇文章全是字，会让人兴趣索然，而通过配图来调节视线，让人不容易轻易疲劳。
阅读奖励
尤其是一些有趣好笑的或者是性感美女图片，都是阅读奖励。
凸显调性
统一风格的图片能够塑造文章的调性，而高逼格的配图，会提升文章的质感。
2、图片的选择标准
简单来讲，图片有两大选择标准：清晰、统一。
▍清晰
图片高清不模糊，是排版的基本要求。除了原始图片是否高清以外，不同的格式也会影响最终效果，图片的格式部分下文会讲。
另外要注意图片上不要有水印，除非是经过特殊设计的水印，否则真的很土。
▍统一
统一包括主题、风格、尺寸上的统一。图片要与文章主题统一，不同图片之间的风格要统一，不要上面都是漫画表情，下面一下子都变成了人物风景。另外不同类型的图片，最好将尺寸统一。
封面图
1、尺寸
历史消息：矩形。
转发消息：正方形。
分享朋友圈：正方形。
▲王如飞研究的封面图裁剪情况
这张图太复杂，不用记住。只要记住封面图的尺寸是 900 X 500，次条封面图的尺寸是 200 X 200 就好。按照这个尺寸来配图，效果是最佳的。
另外要把重要内容放在中间 400 X 400 的正方形内，这部分的内容一定不会被裁掉。
2、制作
▍独家风格
可以用美图秀秀或者 PS 等一些制图软件，加上一些文字、图形、logo 等固定元素，形成自己独特的风格。当然更厉害的就是请专业的插画师定制插画。
▍尺寸
修改尺寸，可以用美图秀秀进行修改，或者直接用 PPT 也行。
▲直接用 PPT 裁剪
▍在线生成
▲创客贴：chuangkit.com
▍获取封面图
关于如何获取别人的封面图，IT云课堂 提供了一个很实用的技巧：
在电脑打开文章，右击鼠标查看源代码。
然后按 Ctrl F，出现一个搜索框。
输入 var msg，出现黄色背景代码。
