这是米奥的第 01 篇笔记作者 | 米奥来源 | 米奥笔记I   D | miaobiji01 为什么要重视排版回想一下，你一般都是在什么场景下来阅读公众号的推文？可能是窝在被窝时、坐公交地铁时、排队吃饭时、工作学习开小差时，甚至是厕所蹲坑时……在这么“将就”的环境下，我们很难高度集中我们的注意力来阅读一篇文章。所以，高颜值的排版要让用户看起来舒服、轻松，而不是花枝招展；另外，在这样的环境下，我们阅读的时间也越来越短，人们也没有足够耐心来逐字逐句的阅读你的文章。这样，我们在排版时，就需要帮助用户理清文章的逻辑和结构。这样用户才会在最短的时间内理解你的文章所传递的信息，才会做出点赞、评论、转发，甚至付费等其他行为。还有，高颜值的排版，还可以体现公众号的品牌风格，再通过长时间的运营，能让用户对你的风格印象深刻。02  什么样的排版才好看1、简约、大方。整体颜色不要太多，不超过3种颜色。整篇推文确定一个主题色，其它的文字用灰黑色就可以，需要突出的部分用主题色。2、排版样式简单明了。这句话主要是说给刚开始做编辑的小伙伴听的，一篇文章，恨不得五六种框框，还有各种花花绿绿的分割线和小装饰，看起来排版很用心，但实际效果却很凌乱，有过度排版的嫌疑。3、风格尽量统一。这样，长时间下来，会形成自己统一的风格，别人一说到某个领域就是马上想到你。03 怎样排版才好看下面，就具体介绍下公众号在排版过程中“美颜化妆”技巧，把你的文章打扮成“神仙姐姐”一般的素颜美人儿。第一趴 文字规范1、文字颜色：(1)总原则一篇文章中，文字颜色不要超过三种、不要选择饱和度太高的颜色，也就是日常所说鲜艳的颜色，比如大红大紫，这些颜色看起来有种浓浓的非主流杀马特风，会对我们的情绪造成一定的负面影响。我个人推荐的是黑色、灰色以及品牌色，多一种颜色显得太花哨，少一种显得太单调。(2)正文、标题、重点、备注常用的颜色1)正文。推荐#3f3f3f、 #2f2f2f、 #888888、#545454、#7f7f7f、 #595959、 #333333正文不要用#000000，因为纯黑色会与背景的白色形成强烈的对比冲突，显得有些刺眼。相比之下，灰色就柔和多啦。 2)标题。推荐#2f2f2f、 #000000、#f79646、#3daad6、#2e6e9e3)突出重点。暗红#c00000、深蓝#0070c0、橙色#f796464)备注性的文字。一般来说备注性文字都是不太重要的信息，颜色可以使用：#a5a5a5  字号可以用10号、12号。(3)如何获取颜色代码的技巧？大家在排版的过程中应该都有注意到颜色代码这件事。比如我刚刚说的正文颜色就是16进制的颜色代码。那么我们要怎么获取这个代码呢？首先，打开QQ，对，就是那个我们最喜欢的截图和文件传输工具。然后同时按住Ctrl+Alt+A三个键，进入截图状态。有没有发现，RGB数值已经展示出来了？这个数值代表的是当前鼠标位置的颜色。此时，在百度上搜RGB转16进制在线转换器，输入QQ截图中看到的RGB值，就可以转换了。2、文字大小一般选用14-16号字。14号字适合文艺类、情感类等号型，用于深阅读型文章，比如时事评论/人物采访/学术内容。15px是最中规中矩的、绝对不会出错的字号。16px是微信默认大小，一般还没有进行排版的文章使用的是16px，另外使用16px的字体会在视觉上看上去比较大，更适合用于偏向老年人的文章。另外，篇幅很长的，或者居中排版的，可以使用16px。这是14号字这是15号字这是16号字你可以把文章内容分为标题、正文、引用、标注4类，对应不同类型可以用不同字体大小去区分，从而提高用户阅读体验。标题：推荐16px-20px正文：推荐14px-15px引用：推荐14px-15px标注：推荐12px或14px3、突出重点文章中的某些重点内容需要突出时，可以将它与其它文字区分开来，使用到的方法有：加粗、改变颜色、字号变大、反色处理。注意不要使用斜体，总有种快要倒下的感觉。另外，重点内容的颜色包括反色的底色建议只使用一种主题色。第二趴 段落规范排版要好看，不是看你的装饰有多少，各种线条有多少，而是一定要让版面有呼吸感。呼吸感可以体现在哪几个方面呢？1、对齐方式一般正文对齐方法有：左对齐、右对齐、两端对齐、菱形对齐、居中。(1)  左对齐左对齐左边会比较整齐，但是右边就非常难看、像锯齿一般粗糙。适用风格：干货类文章，符合阅读习惯、亲切自然、使得阅读更加轻松；短诗歌，方便断句、突出某些信息，文艺气息满满。同时，左对齐行排版，首行不需要缩进。用首行缩进来区分段落，适合传统印刷读物。在网页端和手机端，书本式的排版会让读者感到压力，改用空格分行会让读者的阅读体验更好。 (2)  右对齐右对齐，新颖、有格调、时尚有现代感，高端、贵气的一种排版方式，一般很少用。适用风格：适合于追求时尚感的文章或者珠宝、地产、奢侈品的广告软文。(3)  两端对齐这是很常用的一种对齐方式。两端对齐能让你的文章版面整洁提升3个档次，满足强迫症患者的需要。但是在对邮箱地址使用两端对齐可能会使字间距比较奇怪，这个时候可以适当改用居中格式或左端对齐，并善用换行改善排版效果。适用风格：追求统一感的文章(4)居中对齐居中型排版，以短句居多，视线集中、整体感强，所以，如果一行文字太长的话，就会使得眼球很累、阅读体验非常差，而且数字太多的话也会出现一行放不下的情况。适用风格：娱乐型文章/产品功能介绍文，可俏皮可正式的排版方式，视觉上没有任何阅读压力。注意，不同的对齐方式不能放在一起用，否则就会破坏整体的统一感，非常难受。 2、行距和段距行距建议设置为1.5px或1.75px或2px(字上下的距离)，1太拥挤，如果文字较少就可以设置为2倍。但是对于诗歌型文字，行间距要适当拉大，因为字号越小，字间距、行间距应当越大，反之亦然。可以先 Ctrl+A 选中全文后统一设置。电脑端编辑的时候，可能会觉得很松散，但在移动端阅读时，会更轻松。而段距可以直接用回车换行代替。常见的添加空行的位置有：标题和正文之间、文字和图片之间、段落与段落之间。在一个小节结束时，可以多空两行，尽量让读者接收到“这一小节内容结束了”的信号。同时呢，想要把控好段间距，也对我们的分段能力提出了要求。长段落会让人觉得阅读压力太大，短段落则又容易打断排版的连续性，长、中、短段落结合，能让读者在大段文字中迅速找到落脚点。调出段间距，这样就可以分出逻辑上的段落层级，让读者认为这是一篇结构分明、层次清晰的文章。所以，利用段间距控制好留白，是排版中非常重要的部分。注意了，一个整段千万不要超过一屏，会让人非常暴躁 3、字间距在实际排版当中，如果字与字之间额间距设置得稍微宽松一点，那么阅读体验也会增加不少，一般可以设置1倍。4、段落缩进在微信公众号推文中，首行不需缩进、空两格。传统纸媒体在编辑时，总是习惯段首空两格，为的是排版、更方便阅读。但是对于微信公众号来讲，手机端进行阅读时，空两格反而显得不够好看，因为手机端的屏幕限制，一行放不下太多字。有更多的形式可以用在段落开头或划重点，首行不需刻意空两格。在两侧留白，显得比较精致，而且这样视线移动范围减小，读起来更轻松。微信编辑器中推荐8-16.在新媒体管家中，两端缩进一般可以选择1，文艺点的公众号也会选择2，也有更多的。5、段落长度段落长度对应的是阅读节奏，每段段落长度保持「参差不齐」，这更有助于提高阅读体验。比如连续的5段文字中，不会出现每段都是3行为一段的情况，它们可能是由1行、3行、2行、3行、5行构成这5段话。就好像高速公路，即使是一条直线，也会被设计成左拐、右拐，目的就是为了不断提高司机(读者)的兴奋度，保持注意力，以免出现困意造成事故。第四趴 标题规范在公众号文章中，我们可以把标题分为文章标题以及段落标题(一级标题、二级标题等)，对应也应该有不同的要求和规范。1、文章标题下面几张图是用户看到标题的常见场景，如：微信聊天栏、订阅号栏、好友转发、朋友圈转发等。你会发现：不同场景下，用户看到的文章标题是不一样的，对标题理解所产生的差别，会影响到用户的点击量。但大多数人在检查自己的文章标题时，往往都是基于假设用户看到完整标题的前提下进行的，而并非是用户的实际阅读场景。所以，在编辑文章标题时，要注意以下几点：第一，将重要的内容放在标题最前面，无论用户在哪个场景下阅读都能看到；第二，标题字数加标点符号以16字为目标，确保文章转发到朋友圈时标题刚好占一行，超过16字，刚好进入第二行，实在要超，也不要让标题遮挡住封面上的文字。第三、不写看不懂的标题；多用短句，少用复杂长句；多用大众常用字词，少用甚至不用生僻字词；尽量不要让同一个词语在标题中出现两次，如果有，尝试换一种表达方式。2、段落标题你的文章5000字，用户可能只有耐心去读你的段落标题，然后来判断要不要再重新阅读，转不转发等。所以对待段落标题，是一点不能疏忽。下面是段落标题常见的使用规范：(1)一级标题① 字体大小：15px-16px，字号16-20② 字体颜色：如果有品牌色，优先使用品牌色，常用的颜色有#f79646，#3daad6，#ab1942 、#ff6827、#ff2941,并加粗。如果没有，使用 #000000 ，并加粗。③ 位置规范：居中、字间距1.0、行间距1.75，1-2④ 使用符号：一、二等 / 1、2等；备注：一级标题长度控制在两行内，要概括本段落内容，勾引读者好奇欲；(2)二级标题① 字体大小：15px(或与正文相同)② 字体颜色：品牌色 / #2f2f2f 、黑色「000000」，并加粗，③位置规范：左对齐或两端对齐③ 字间距1.0、行间距1.75④使用符号：1、2 等  / (1)、(2)等；(3)三级标题① 字体大小：15px(或与正文相同)② 字体颜色：#2f2f2f ，黑色「555555」加粗④ 位置规范：左对齐或两端对齐，字间距1.0、行间距1.75⑤ 通用符号：(1)、(2)等  / ①、② 等；注意，括号要用全角的半括号。第四趴 标点规范在文章中，我们经常要使用一些符号，而由于新媒体的关系，有些符号还赋予了新的意义，而有些则要多注意些小细节。1、引号(1)引号建议使用直角引号；将“”改为「新媒体」直角引号怎么打呢？可以在键盘上按ctr+shift+z调出搜狗输入法—符号大全窗口，然后选择你要的符号。(2)引号中再用引号使用双直角引号；例：我问他，「你在学习『新媒体』？」(3)当引号表示讽刺、反语暗示时，使用弯引号。例：我学习「新媒体」很“轻松”。2、省略号在使用省略号的时候，请不要使用「。。。。。。」，这样排版会显得非常难看，而应该使用「......」。3、破折号破折号占两个汉字空间。——4、删除线删除线最常见的就是调侃、搞笑的作用，明明想让用户看到，却假装删除的样子。5、序列号当我们需要分几个点去表达时，我们就需要用到序列号，序列号可以分为数序列和无数序列。比如：1、(1)、①等。如果你觉得这样会与一级标题、二级标题冲突，影响用户理解，那么你可以用无序序列。比如： ▪  、  ●  、◆  等。6、三角符号在公众号编辑当中，我们也常使用到三角符号。比如在文章首页引导用户点击蓝字，关注公众号。7、引用符号在我们需要引用某位大佬说过的话，或者某个例子、小故事的时候，我们可以使用引用符号。目的首先是减轻用户阅读压力，其次是提高用户阅读预期。又或者说是图片、视频等需要加以说明解释的时候。8、下划线、斜体就我个人而言，极少使用下划线和斜体，原因是这会让整个版面显得非常密集和混乱，所以我不推荐使用。9、加粗加粗要切记的是：千万不要大段大段的加粗。这就像考试前老师画重点一样，当整本书都是重点时，就和没有是一样的。