排版干货丨专栏文章90%的排版都不及格

鉴于专栏优质内容UP们屡屡被我吐槽的排版，各位UP们觉得我可以出一期专门科普专栏排版的干货。

结合我刚毕业做过一年的微信公众号运营，在内容产出只一天，文章排版三天半，内容往往一稿过，排版修改上千遍的魔鬼式产出经历之下，我总结了过去排版的血泪史，写出今天这适用于B站专栏区的排版干货，为各位专栏UP主们提供一些可用的教程意见。

也希望各位UP们在注重内容质量的同时，为读者的视觉审美提供方便，好好排版。

哦，对了，别问我为什么自己的专栏就随便排排，一个字，懒。

但是懒归懒，我的排版对视觉观感还是挺友好的。

另，文章所有排版示范，均得到原UP主的授权。

为节省诸位阅读时间，特地为大家列出各部分目录——

（一）文章排版的一般性原则

内容均匀分布原则

视觉休息/冲击原则

段与段之间的视觉休息

部分与部分之间的视觉休息

图片（表情包）和图注的视觉冲击

多种不同于正文的形式的视觉冲击

引用、居中、项目符号

符号区分

超链接、音频/视频/专栏卡片

标题/重点区分原则

图片区分

艺术化数字区分

符号区分

重点标记

重点法则

序言/后记区分原则

呼应式序言区分

完全割裂式区分

tag区分

排版形式一致原则

排版结束审核原则

（二）不同类别的专栏排版

多人观点/议论性类文章排版

讨论式/对话式/访谈类文章排版

诗歌类文章排版

赏析类文章排版

散文类文章排版

小说类文章排版

（三）专栏常见的排版错误

版式过挤

标题太长

重点过多

没有重点

结尾：排版学习方法+推荐

      ▶正文前预警，本文写作耗费了我整7天，共8305字，阅读约要16分钟，请谨慎阅读！

       专栏的某一天，一位万粉UP突然发现一件事，他的文章内容有了，但是这个阅读页面，好像……不太好看。于是，排版这个问题就诞生了。首先，在排版之前，我们必须要知道的一件事是，我们为什么要排版？

       在现在以手机为主的电子阅读时代，视觉观感是排版的需求来源，简而言之，就是读者看着舒服，不累。以此为原则下，排版要考虑的就是视觉审美，所有好看的排版都是建立在视觉舒适的基础之上的。

       在看下面的内容之前，我们先来看看我们专栏区的文章编辑页面——

B站的专栏编辑其实很好用，因为它的正文的行距字距页边距都是既定的，正文文本只有四种字体设置，特大、大、标准、小，标题设置有固定一级标题H一键设置，编辑栏除此之外就是加粗B，划掉S，颜色A，居中居左居右，引用和项目符号，还有五种式样的分割线，以及超链接、图片、站内相关内容插入（专栏、视频、漫画、投票、音乐、会员购、投票、直播）。

       就此编辑栏来说，其实已经比较完备了，相对的，给我们进行各种排版的局限也比较大，但是从另一方面看，很适合懒人使用。

       既然B站的排版是经过简化的，那么以下原则用起来也简单很多，下面的内容，我也会选取适合B站排版的内容来说。

1、内容均匀分布原则。

       为了让视觉观感舒适，很多时候，让视觉在短时间内形成习惯是最好的手段。而如何让视觉在短时间内形成习惯呢？就是让内容分布均匀，不能太挤，也不能太宽。

       内容分布均匀，即形成相同的区块，比如每一部分的内容提炼一个小标题，由小标题+一段或几段文字，这样的排版构成的文章，视觉在阅读到第一部分的时候就会有意识地想以第一部分的模式来阅读第二部分，如果第二部分排版相同，会在视觉上节省适应的时间，也让大脑对各部分文章的内容做出更快的反应。

       在此原则下的排版应用就非常丰富，比如以下几种：

2、视觉休息/冲击原则。

       很多文章写得很好，但是一大段一大段文字堆叠，让我们看了开头就不想看，这就是排版的问题，没有考虑到读者的视觉需要休息或冲击，或者说没有排版上给读者视觉上休息时间和冲击感，造成阅读疲劳，所以文章的“留客率”不高，内容再好，标题再好，没人读完，就没人互动。

       因此排版上需要给读者视觉休息，并某种程度上给读者视觉冲击。一般来说，视觉休息上是段与段，部分与部分之间的，而视觉冲击则是一屏起码要有一个。这里的“一屏”是指手机屏幕在打开文章时，一个屏幕所呈现的内容，至于为什么要有这么一个标准，在第六个原则里我们再分析。

       先说视觉休息原则。视觉休息原则有两种，上面提到的，段与段之间，部分与部分之间。

       段与段之间很简单，就是精炼。落地到排版上就是你一大段放在一起的内容，拆分成几句话分段放出来，以免造成太长不看的尴尬后果。而如何拆分段落，这个也有技巧。相同意思的话放一段，不同意思的话分段放。

       当然有人说了，如果内容实在太多拆不开呢，确实，比如这篇文章，内容很多，每段不那么好拆分，那怎么办？首行缩进！

       没错，现在新媒体排版很多时候都没有首行缩进的格式，为什么？因为这已经不是一种作文既定形式，而是新媒体排版的一个技巧。很多时候我们不需要首行缩进，因为很多内容较少的文章首行缩进不仅占用篇幅，视觉效果还不如顶格。而当我们有大段落的内容需要排版的时候，首行缩进就有较好的视觉休息时间。不要局限于一般认知的两字符，普通大段落两字符是可以的，但如果段落内容真的非常多，建议缩进3-4个字符。

       另外，大篇幅文章的排版，如果考虑到视觉效果，可以在大段落和大段落之间，分出1-3段仅有1-2行的短段落，用短段落的留白给阅读提供休息时间。如果分不出来，那就空行，宁可空行，不要拥挤，拥挤是排版的大忌。

       部分与部分之间的视觉休息原则，则是区分，明显的区分，即，平级部分之间空行或者符号区分，上下级部分空多行或者使用与平级部分区分符号不同的符号进行区分。比如以下几个部分区分样例：

▽

       讲完视觉休息原则，我再来说说视觉冲击原则。视觉冲击原则是，用不同的排版形式来呈现相同的内容，以减轻视觉疲劳。

       有一种我们都熟悉的方式，就是划重点，这也是视觉冲击原则的排版方式之一，但是这一块比较重要，我放到下一个原则统一说。

       这里说说除了划重点之外能造成视觉冲击的排版方式。

       第一种，图片（表情包）和图注。当大篇幅的文字造成视觉疲劳时，在适当的位置配合文字放出图片（表情包），当然，在排版上，我建议正文所有出现的图片，都在图片下加入图注（尤其B站的图片自带图注的排版，不加图注可惜了）。为什么？因为图注和正文的字体也好，颜色也好，字符间距等都是不一样的，这就使视觉受到了冲击，在现在铺天盖地都是图文结合的状态之下，加上图注，会让视觉观感更好，而且图注最好可以俏皮灵动一点不要和正文文风一致，这样可以使读者在阅读时大脑有所休息。

       第二种，（）划掉字体颜色俏（nei）皮（xin）的（xiang）话（fa）  空  格  大字  小字等不同于正文风格的形式。理由如上一段最后一句。这里补充一点，这些内容如果用颜色来区分，请用浅色淡色，不要用重色鲜艳的颜色，因为重色往往用在重点区分上。

       第三种，引用、居中、项目符号。将正文中引用的话，单独分为一段，用引用的方式独立出来，诗歌、断句、成语等短小精悍的部分独立出来居中排版，有一些有序列、排比、对仗、对偶的内容独立出来用项目符号排版。这一段非常重点，尤其对B站专栏排版，因为这些是B站排版功能自带的部分，它可以帮助你的长篇大论在排版上具有视觉冲击的效果，从而缓解读者对专栏区千篇一律的排版内容造成的视觉疲劳。

       这里给你们展示一下通过这种方式出来的排版效果。

       第四种，符号区分。正文里某些时候请擅于使用○◇□☆▷◁●◆■★▶◀▁▂▃▅▆※√×▏▎▍▌▋▊↖↑↗←→↙↓↘◤◥◣◢这些特殊符号，以及【】〖〗『』︽︵«»︗︘﹃﹄﹁﹂ˇ¡¿?!……～＆@/丨这些标点符号。

       这些符号用在哪里呢，用在举例说明、引文论证、援引实例等特殊的地方，当然也适用于比较特殊的文体排版，比如对话体、诗歌体、新闻集合、买家买家集锦、歌曲等物品等推荐、名言合集等等。

       当然，我必须要说一句，除了正文部分，符号在部分和部分之间的区分中应用比较多，除了上述符号之外，△▽▲▼这四个符号是最常用的部分与部分之间的区分符，而在正文里用到的比较少。

       第五种，超链接、音频/视频/专栏卡片。这个方式已经很常见了，怎么用我就不具体说了。

       以上方式都比较常用，其他的不适合B站专栏区现状，就不多讲。这里我必须给大家明确一点，在使用这些方式排版之前，请坚定一个原则，简洁、舒适！

3、标题/重点区分原则。

       其实吧这个原则是从上面两个原则提炼出来的，但是因为标题和重点这些对于排版来说是非常重要的所以单拎出来说。

       标题区分，是指正文内一级标题二级标题等级别标题之间的区分，以及如何用不一样的标题更抓人眼球，比如一级要比二级标题更为显眼一些，比如一二三（一）（二）（三）1、2、3、等，标题加粗加大等，这种既定规则相信大家都明白，这里就不赘述了。这里要说一下，关于标题间如何在加粗加大序号之外，进行更有视觉冲击的区分。

       第一种，图片区分。在标题旁边/上下加上图片，和文字标题相互呼应。比如这篇专栏，就是典型的图片标题区分。

       第二种，艺术化数字区分。将数字123和标题文字不放在一起，而是数字处理过+标题文字，形成较为艺术感的排版。

       这其中涉及到数字放大化，标题文字缩小化，数字颜色处理，数字与标题文字空行等等技巧性问题（其实上面讲的很多形式也是一样），介绍起来比较长篇大论，就算我事无巨细讲清楚了，你们到应用上可能也不会得心应手，要想用得好，多看很重要。文章最后我会推荐一些排版比较好的公众号，大家可以多看看他们的排版来进行学习。

       第三种，符号区分。有些时候，文章各部分取不出什么标题来，但是又必须有所区分的时候，符号就用上了。这里我贴一个我们鸽谈会某次的文章，大家进去看看排版，推敲一下这篇文章标题的符号区分在哪里吧。

       当然除了增加相同符号的数量之外，还有几个技巧可以用，比如同种符号变换方向，以及同类型不同符号变换等等。大家看多了文章排版之后，就会自己明白怎么用了，我单这么说是没有用的。

既然说到标题，我就必须给大家强调B站专栏标题和正文的排版形式。

除非是真正需要读者非常非常非常重视的标题需要H一键之外，请勿使用H进行标题编辑。

按照默认设置四种字号来，文本应该是这样：一级标题-特大（加粗即是H标题）；二级标题-大；正文-标准；备注及其他-小。

但是一级标题真的太大了！所以这里建议正常文章的格式以这种字体大小来编辑：

一级标题-大+粗体；二级标题-标准+粗体；正文-标准；备注及其他-小。

如果有超过三个级别的内容，比如这篇文章，我就是按照默认设置的文本来编辑的。

▽

       重点区分，则是如何进行重点标记。相信方法大家都已经非常清楚了，加粗、加大、加重点、下划线、斜体、颜色、色块、空格等突出的方法。

       但是为什么我要重点拎出来说呢？

       大家看一下下面这张图，好看吗？图里用了各种重点区分方式，是不是显得特别乱，花里胡哨的。重点区分，全篇根据需要确定1-3种方式即可，比如重点词就加粗，重点句则加重色，除此之外，请不要使用其他方式，不然杂乱无章，为排版减分再减分。

       重点不要通篇都加上，这和没加没区别，就算你觉得一整段（几个字的短小段落除外）都很重要，也挑最重点的几个词或几个短句加重。不要图省事一段直接加粗或加色，这种排版还不如直接统一正文格式，什么都不要加。

       另外一点，虽然这一点涉及内容比较多，但我觉得还是有必要强调一下。重点内容要精炼，不要长篇大论，有一两个词或者一两句话作为点睛之笔足矣。这也就是新媒体常说的“金句”，在撰写新媒体文章，我们都有一个“金句法则”，即，每屏必须有一个金句，这个法则放置于排版其实也非常实用，我总结成“重点法则”，每屏必须要有一个重点突出来抓人眼球，不然排版上给人的直观感觉就显得文章平平。

4、序言/后记区分原则。

       为什么要强调这个序言/后记区分呢？因为它们不是正文。所以在排版上，这些内容就要和正文的版式区分出来。这个原则比较简单，而且专栏文章一般甚少序跋，就不详细说了。

       但这里要点明的一点，我们专栏文章也会在前后写一点题外话，这也算是专栏的“序和跋”。往往比较正式，和正文相互呼应的内容，格式可与正文相同，但是要用分割线或者符号将正文区分出来，可用较小的方式，以保证全篇在某种程度的联系。这是比较常见的方式。

       若是不一样风格，和正文内容完全不一样的内容，就可以用不同的字体颜色区分，当然也可以作为专栏作者自己的话，用“引用”这项功能，与正文相区分，另外这些内容和正文之间的区分符和分割线也要稍微大一些，区分彻底。

       另外，对于小说以及同人小说作者来说，正文前加tag，某种程度上来说也是一种“序”，善用#*/-+=·之类符号，结合字体颜色、大小进行区分，不仅方便自己，也是对读者的尊重哦！

5、排版形式一致原则。

       这个其实没什么好说的，就如题，但是它非常！非常！！非常！！！重要！！！！

       我早期排版是想到什么形式就用什么形式，导致排版花花绿绿有如村姑的花衣服，实在是怎一个“惨”字了得。所以一篇文章，重点区分统一一个形式，部分与部分的区分统一一个形式，颜色区分就统一1-2种颜色，不要什么样式都往上摆，导致文章看上去花里胡哨的，反而特别影响观感。文章不是彩虹，哪怕七彩的也好看，排版上颜色越多，观感越糟糕。

       当然，我也不得不说，在多种颜色上排版确实是有很好看的特例的，但是新手不要尝试！微信排版因为可以有很多工具可以使用，加上某些技巧，有时候反而能博人眼球，但是专栏文章排版形式是简化过的，就不要考虑这些偏锋了。

       当然，除了这些要统一之外，相同级别的排版形式也要统一。举个例子，不要第一部分用超大号的字体，与之同级别的第二部分就用大号的字体。这应该是比较常识性的问题了，但是还是不放心地提一句。

       一句话总结，排版形式要一致！

6、排版结束审核原则。

       这里为什么特意要大家排版结束去审核一下呢？因为专栏区的文章发布之后的排版不一定就是你编辑时的排版，系统某些时候会自动改变你的排版，所以一定要养成排版结束预览审核的习惯。

       说到预览，这里就得强调专栏预览的技巧，请使用手机预览！不要使用网页预览！

       网页预览某些时候是看不出来排版问题的，因为PC端大屏配置，参数也是适用PC端的，很多时候大段落的拥挤在电脑上也就是两三行的事，根本不会影响观感。而现在使用APP上B站的小伙伴大大超出PC端用户，这就意味着，手机看的人更多，根据少数服从多数的原则，我们要以手机预览为主，屏幕小了之后，排版的问题就显而易见。

       而当手机变成主要阅读的工具时，一个手机屏幕所呈现的内容就成为了抓眼球最重要东西，所以有“一屏怎么怎么样”的说法，一屏里如果没有重点或者吸睛的东西，很有可能就被划过去不再看了，而身为作者一整屏的内容被读者忽视，无疑是巨大损失，那么，排版上就制造每屏的亮点去抓住读者（金句也是同理）。这就是新媒体人都有的“一屏规则”。（咳，这个“术语”其实是我胡诌的~）

       另外预览的时候，检查自己的排版上空行是否被吞，被吞那就在空行那行敲个空格，以免系统吞空行影响排版。

       再另，手机预览时如果发现自己的标题分行了，请另取更简洁的标题，或者干脆分两行排版，不然只多出一两个字，也很不好看。

       再再另，B站专栏系统有可能会吞掉标题或者正文的格式，比如第一部分标题是大号加粗，原来第二第三部分也相同的，在预览的时候，第二部分的标题就变成标准加粗，这种事也常出现，大家一定要注意！

       由此可见，排版结束之后的预览审核很重要，要记住哦！

       不同类别的排版自然也不一样，一般的文章如何排版，上述内容已经强调了很多遍，相信对所有人来说都不是难事。这里主要分享几个特殊类型的文章排版——

多人观点/议论性类文章——

       基本上的文章都可以用这种形式，小标题+正文的形式，但是为表现我们鸽谈会的成员，所以加上了鸽子们的名片，标题和序号都用了最大号的字体。在正常文章的时候，用大号字加粗就可以。而标题是居中还是居左居右，可以根据个人喜好或者美观度，比如我的排版上，就喜欢居左，不过其他小伙伴就比较喜欢居中，大家可以选择自己喜欢的形式排布。

讨论式/对话式/访谈类文章——

       这种类型的文章，要突出各人的观点，又要让人在视觉效果上区分个人的观点，所以要善用@的符号以及项目符号这样的形式。

       另外这种类型的文章都是围绕一个主题展开的，因此在相关的主题和问题上，我们在排版上也要重点突出，以免读者在看文章的时候，看着看着就把内容和主题割裂开了。

诗歌类文章排版——

       诗歌一般都是朗朗上口的，一般现代诗长短句很有现代气息，宜居左；而古诗词以及歌词，都适合居中排布。在这类的文章里，大家可以注意句子的长短来选择排版。

赏析类文章排版——

       这类的文章排版是结合相关内容进行赏析/议论的，所以在排版上要擅于使用“引用”这一功能。

散文类文章排版——

       大家可以参考一下我的这篇散文的排版。其实这类文章最好排版，一则内容没有什么一二三的主题重点，散文基本上是浑然一体的，形散神不散，所以无需太多技巧。多短句的散文，就顶格排版，多分行空行；多长句的散文则首行缩进排版，多留短句或空行间错视觉。因为是散文，可以利用一些相关图片来作为文章的分隔符，最多用一两个简单符号分隔，其余就无需太多形式，以免为自己的散文减分。

小说类文章排版——

       大家可以参考一下我的这篇小说的排版。小说排版其实和散文类的排版同理，内容才是第一位的，且内容是浑然一体的，不可割裂，只需要插几张图便可，如果是搬运的插画，便在图注上注明来源（当然这一篇我不知来源都没有注明）。

       以上样式仅供参考，大家可以合理讨论相关排版，也可以发挥自己的学习能力拿一些自己的文章做一些排版练习。

       既然我们已经讲完了排版基本上的要点，那么，我们就选几个排版，来挑挑错误吧。

常见错误一，版式过挤。

       大段大段的内容放在一起，一屏都放不下，这种排版对读者来说是非常不友好的，其实只要多分段就能解决这个问题。比如下图，是风格大佬的文章：

       虽然我们知道它是分过段的，但是手机上看不出区别来，如果这样改，视觉观感上就好很多——

常见错误二，标题太长。

       这里放的是Rico大佬的旧排版：

       其实这个排版已经比较精致了，但是标题正副标题未分行，还是有点减分，如果这么改就舒服很多。不过，这篇文章我准备开始写的时候，Rico大佬是这个排版，我文章还没写完，大佬就已经在我的意见上优化了排版（可见我是一只鸽子的事是既定事实了）。

       这是比较典型的标题太长的排版：

       这样的视觉效果，倒不如直接中间截断放两行来得效果好——

常见错误三，重点过多。

       比如我自己某些文章的排版：

       不仅重点过多，而且段落很大，可以说是既有版式过挤的毛病，又有重点过多的毛病（还有错误的标点emmm），因此这样改——

常见错误四，没有重点。

       比如下面喵帕斯大佬的文章：

       短句分行，很好，但是一整屏都没有一点不同来抓人眼睛，这样改就好一些——

       一般文章的常见错误也就这些了，其他要注意的部分，第一部分我已经强调再强调了，大家可以根据这些文章，进行自我纠错。

       当然，让我再哔哔一句吧，排版不能太挤，也不能太平，每一屏的内容一定要有些什么不同来抓住眼睛，但是不要太花里胡哨影响内容。大家要记住一点，你的排版是为你的文章加分的！

▽

       看到现在累了吧，已经是最后了，再坚持一下就结束了。

       最后，我给大家推荐一些排版上比较舒适的公众号，这些公众号的内容不需要过分深究，感兴趣就看，但是排版值得好好学习。

       这里给大家一个积累排版经验的小技巧，去135编辑器、秀米编辑器、新榜编辑器等编辑器中，看他们更新的最新模板，有许多新的排版方式就可以从这些模板中学习到。

        再给大家提供几个网站，找图、做图、各种形式的标题/小卡片/封面/动图等制作非常方便：创客贴、SOOGIF、稿定设计、阿里巴巴矢量图库、图怪兽、美图秀秀等等。

       以下公众号大家都可以关注一下，多看看排版：

       那么，最后，我祝福大家人人都成为排版小能手，文章排版都让人看得舒心，为自己的专栏文章加分！

以上，就是这期排版干货的所有内容，声明一点，这些原则啊规律什么的，都是我工作经验总结出来的，纯属原创，如有雷同，他抄我的！

我再一次声明，本次文章内所有排版均已取得原作者授权。

另，大家可以研究一下，这篇文章的排版，我应用了文章中的哪些原则。

本专栏全部都建立在我的工作经验之上，肯定还有很多的不足，希望大家可以在评论区中一起探讨。

再另，写干货好累啊，真的不三连支持一下吗？哦对了，想要看类似干货而关注我的，取关了吧，这篇专栏因为前前后后诸多事端跨了有一个半月时间，直到现在才产出，我是再也不会写第二篇了！（MD累死！）