|
作者简介 果老兄，95后，无背景，无本金，无资源，大学时通过自媒体赚了自己的第一桶金150万。 曾帮助激萌，腾讯，旺仔，Moto等知名企业新媒体做过策划运营，长期于知乎、微博发表自己关于新媒体品类的看法和观点，广受好评，也成为了插坐学院最年轻的新媒体签约讲师。个人公众号：果兄私塾（ID：guoxiongsishu）  今天六六给大家带来的文章，是一篇1.8万字的长篇编辑排版干货！有想做自己的公众号的小伙伴，一定能要看！建议收藏当做工具书来翻阅。 对了，记得帮六六在文末点个好看哦~ 爱你（づ￣3￣）づ╭?～ 加大师姐微信【gxss0001】，可获取此文易读版链接和编辑排版视频课程一节 1 减轻阅读压力 如果一次性接收了太多信息，人的眼球就会疲惫。尤其是一长串一长串的内容，很容易让人厌烦，这样的文章是没有人愿意看下去的。 2 提高阅读效率 好的排版一定是分清主次、逻辑清晰的，如果废话了半天也无法明白文章想要传达的观点，读者也会逐渐失去耐心。 3 提升阅读体验 为什么同样是巧克力，有人买德芙有人却愿意高价买Godiva？因为后者包装精美、口感更佳，让消费者体验到了优质的服务。 排版也是如此，给原文包裹上好的包装，优化读者的阅读体验，将作品赋以美感，读者才会更愿意读下去。 4 塑造品牌形象 排版的功能不止以上三个，更重要的是，保持同一的排版格式能塑造品牌形象，对读者潜移默化品牌影响。
是不是想起这些公众号，就能想起对应的主色调？没错，这就是排版的带来的好处，通过长期保持一贯的色调进行排版，很容易给读者灌输品牌的意识。那为什么我们需要给读者灌输品牌意识呢？ 是不是说到老年保健品，第一就想起了老白金？ 是不是说到文具，国誉是大家心目中的No.1? 是不是说到快餐，大家首选要么就是肯德基、要么就是麦当劳，然后才会想到德克士等等。 ——这就是品牌意识的优势。当读者经受过品牌观念之后，那么下次有类似的需求时，第一想起的就是该品牌，比如我想看情感文，那我肯定找咪蒙的文章看，而且我只知道咪蒙，我不知道其他做的好的情感号有哪些，其他情感公众号的品牌灌输做的没有咪蒙的强，所以大家的首选都是咪蒙。 那为什么咪蒙的品牌灌输做得如此之好？ 第一是咪蒙成长在了公众号的黄金时代 第二是咪蒙的内容符合了用户的需求， 第三是咪蒙的公众号视觉排版做的好。 咪蒙的成功和她的排版是分不开的，从运营咪蒙这个公众号的开始，她就一直保持小清新风格，且到目前为止，这个风格都坚持了下来，这就形成了咪蒙独一无二的特色所在。 ▲咪蒙公众号排版小样 所以，咪蒙被打上了“情感”和“小清新”的标签之后，有这方面需求的读者就慕名而来，粉丝数就像滚雪球一样，越滚越大，最终成为了现在我们能看到的咪蒙。 优秀的排版，一般有三个标准： 1 忠于原文的基本意图，能够更加清晰的表达作者想要表达的信息 2 提升用户的吸收效率，让文章内容更容易理解、段落清晰、重点突出 3 提升用户的视觉体验，给读者带来美的体验，对审美能力提出了要求。 如何做到这件事情呢？下面我将用三个部分详细的想你阐述如何做好一个公众号排版。 一、确定排版风格 在正式开始排版之前，我们要根据文章内容确定好整篇文章的排版风格。因为文章的风格不同，使用的字体、字号、图片等等都会不一样，这一切都是为了渲染出文章想要的氛围而做铺垫的。 就像导演在拍电影之前，都会确定好电影类型是惊悚、动作，还是爱情、正剧等等类型一样，先确定好大致的基调，才能顺利开始下面的工作。 如果我们能确定下来风格，就能确定整篇文章的阅读基调，是文艺清新还是高端简洁？是严谨质朴，还是设计感满满？ 同样的一篇文章，排版风格不一致，可能会给人完全不同的感觉。 有的公众号甚至要求所有文章的排版都保持同一种风格，因为这样可以保持“整体感、统一感”，打造品牌效应；有的文章就比较随意，只要符合公众号的定位就行，至于用什么样的配色或者字体，其实没有硬性要求。 总而言之，文章的排版风格，首先肯定是要遵循公司对风格上的要求、是否需要与公司主题色彩保持一致，二是要符合公众号、本文文章的定位，不能相差太远，以免给人“不和谐”的感受。 二、我们是否要用公众号文章编辑器呢？ 保持风格一致是否代表着我们可以利用各种微信文章编辑器呢？比如秀米、135编辑器等等，都是网络流行的编辑器。甚至在知乎等分享平台上，这几个都是被推烂了了的，现在排个版谁还不用点编辑器了？ 不可否认，现在大家都喜欢用的几款编辑器里，里面的素材真的很好用，功能很强大，而且也很方便，省去了做图的麻烦。而且长此以往，我们根本就离不开编辑器，有的人甚至每天就靠着编辑器给口饭吃了。 但我认为：我们在排版过程中，应当有选择性地使用编辑器而不是滥用。 你可以回想一下你最开始做PPT的时候，是不是先从模板开始套？但是结果并不如人意，是不是因为你的模板满足不了你要做的内容、但是你自己又不会做新的？ 然后你就去别的模板拿来一张可以用的ppt页放入，却发现两种ppt风格迥异、充满了浓浓的违和感，但是你又没有办法改——因为你只是套用了模板，至于模板上的组件是如何做出来的、为什么这样设计会好看，其实你根本不懂。 我们这样做，是让内容去适应模板，而不是让模板适应内容。 所以，想要完全依靠编辑器做排版，往往得不到自己想要的效果，而且你的排版水平也提升速度会比较慢，更重要的是 如果编辑器的素材不够使用，再加上你自己的水平也很烂，该如何完成和平常一样的质量的排版工作？用模板会让我变懒，不再自己思考设计； 错误地滥用编辑器，只是你用来掩盖自己排版能力不够的伪装而已。 所以，想要真正提高自己的排版水平，保持自己与编辑器的独立性是开始的第一步，也是必须的一步。 但这不是说不能用编辑器，而是不要滥用编辑器，编辑器本身是个好物。 我们最好在知道设计原理之后，再借助编辑器的力量，才能真正地让排版达到完美的融合，而不是没有章法、胡乱使用编辑器中的素材。 自己的设计，是独一无二的。 三、时刻以读者的需求为中心 只有内容迎合读者需求的时候，阅读量才会噌噌噌往上涨。 排版也是一样，我们能按照自己的想法随意排版吗？当然不可能。只有我们的排版让读者认为舒适，他才会有可能继续往下看。 排版正是优化文章阅读体验的最佳工具，它存在的意义就在于让读者更好地阅读下去，让文章更容易理解，不仅仅只是为了美化阅读体验而已。 当读者看到很多字的时候，我们的眼睛会感觉很累，那么“如何将版面排出让读者的眼睛感到舒服”就会变成我们的任务之一； 当读者渴望优质的阅读体验的时候，“如何提高排版的品味”就会变成我们的任务之一； 当读者就是想看新奇有趣的内容时，“如何采集新颖的素材并且以有趣的方式排版以配合文章内容”就会变成我们的任务之一。 总而言之，读者需要看到什么，我们在排版的时候就必须尽量去满足读者的要求，而不是只考虑我们自己的感受。 那么读者到底想要看到什么样的排版？其实读者自己也未必清楚，这就需要我们努力挖掘、寻找读者最喜欢的风格，并且进行深入研究。 那么如何进行挖掘呢？ ① 竞品分析：你可以观察公众大号，看看目前做哪一类风格比较火； ② 聘请设计师：因为设计师具有专业技能，能设计出符合大众美感的图片，这是最安全的方法，也是代价比较高的做法； ③ 实践实验：发几篇不同风格的文章，关注阅读量、打开率、点击率等等数据，看哪个比较高就选哪个风格走下去，不过这是最小白的判断方式，以后在数据分析课程会深入讲解相关内容。 如何快速提高排版水平？从我的个人经验来看，还是要靠多模仿优秀案例。没有人一上来就是会排版的，就像小时候学习写作一样，都是先模仿别人的作品，才会逐步提高。 但是，模仿其实也是需要大量时间精力的，如果你的任务比较紧急、来不及仔细研究，就可以继续读下去。 1、固定模块 （1） 字体 ①选对字体 排版的第一步是选择字体，不同的字体有不同的性格，而且也适用于不同的风格。 选对字体，不仅可以让排版事半功倍，而且还能营造出文章内容想要表达的氛围，比如说，隶书就能营造出古朴的氛围，如果换了黑体，效果就没有隶书好。 字体也是有灵魂的，当字体和文字内容两者和谐时能把作者的心声更好地传达出来。 这里介绍一下字体的两大类：衬线字体和非衬线字体。 · 衬线字体 衬线字体有着合适的比例，也有着更恰当的线条，他们的线条有粗细之分，还有衬线装饰，使得线条末端形成很丰富的纹理。 比如方正风雅楷宋简体——
再比如字体Trajan，根据1900年前罗马雕刻在柱子上的字体演变而来的，比例严谨，线条有粗细变化，是最适宜阅读的字体。
· 非衬线字体
再比如Dotum字体
最有名的当属黑体，这种字体具有合适的比例，但是却拥有不恰当的线条，给人一种机械性的呆板，无论是线条、转角还是直线都像是同一个模做出来的，十分僵硬。 ②尽量不要再去使用默认字体
▲上图来源于公众号「女国乌托邦」截图
▲上图来源于公众号「不二互联网」截图 宋体、黑体等这些真的都烂大街了，读者看到后会觉得很无趣、缺乏特点。如果此时运用一款设计新颖的字体，比如说锐字工坊云字库美黑等有自身特点的字体，读者的大脑就会被刺激一下 ——嗯？（眼前一亮）感觉很有趣的样子。同时，因为注意力都在字体上了，对其他的排版也会放低一些要求。 ③多使用一种字体
▲上图来源于公众号「那一座城」截图 全文只使用一种字体会让文章看上去比较无趣，同时使用好几种字体又会使得视觉上太过眼花缭乱。那么折个中吧，我们使用两种字体好了！ 一种用于标题，一种用于正文，会比使用一种文字来的更加通俗易懂，而且更加有吸引力。且尽量采用同一字族，每个字体的特色、刀锋等都尽量保持风格上的统一。 ④注意背景颜色和字体颜色的相似度
比如使用黑色的字体，就尽量不要选择同为黑色或者灰色的字体，因为这样一来就根本看不清到底说了些什么；而且也不要用些辣眼睛的配色，比如说蓝色字体配上红色背景，简直在摧残我们的眼睛。 ⑤字号的选择诀窍 一般来说，建议设置为14px或15px，过大字号没有美感，过小字号容易引起视觉上的疲劳。 <14号字的文章，可以选择黑或者灰，想要小清新的风格可以用用深灰色。 14px适合文艺类、情感类等号型，用于深阅读型文章，比如时事评论/人物采访/学术内容。 15px是最中规中矩的、绝对不会出错的字号。 16px是微信默认大小，一般还没有进行排版的文章使用的是16px，另外使用16px的字体会在视觉上看上去比较大，更适合用于偏向老年人的文章。 那么我们可以给文章各部分的字号做一个范围上的划定
标题：推荐16px-18px 正文：推荐14px-16px 标注：推荐12px-14px ⑥文字色彩的选用 · 标题颜色尽量用主题色或#000000，也可以用 #f79646、#3daad6、#2e6e9e。
· 备注性的文字字体颜色建议使用：#a5a5a5
下面是一些不容易出错的颜色推荐 · 排版主色：通常和品牌色一致 比如说24HOURS，24HOURS以黑白色为主，我们可以看到他的公众号内文也是以黑白为主
▲上图来源于公众号「24HOURS」截图
▲上图来源于公众号「24HOURS」截图
▲上图来源于公众号「24HOURS」截图
▲上图来源于公众号「24HOURS」截图 · 一级二级标题、二维码、配图、重点内容、头像、顶部和底部引导等都使用排版主色即可。 · 正文颜色
常用的有：
正文全部颜色最好不要超过三种，不建议使用纯黑（#000000）作为正文颜色，手机端会比较刺眼，灰色会温和一点。 · 标注色
标注颜色，用作引用内容、注释、声明等。 常用的颜色有：
除了不要和背景颜色太接近还有不要太辣眼睛以外，我们还有一些需要注意的事项。 字体颜色可以采用配色卡，参考一些配色方案，不过最好全文颜色不要超过三种，否则就会太过花哨，降低整篇文章的质感。 如果在其他公众号上看到了自己喜欢的颜色，可以用微信自带的截图功能识别字体颜色RGB，然后用ATOOL在线工具查询颜色色号。或者是直接沿用配色网站的色号，推荐 Color Scheme Designer。
▲ATOOL在线工具 这家网站的最大好处就是给出了颜色查询对照表，有助于我们查询颜色代码
▲Color Scheme Designer Color Scheme Designer的特点就是会给出对应的配色方案，所以作为配色苦手的小白非常推荐使用此网站！绝对不会出现配色错误。 另外，这里有一些配色卡网站可供大家使用哦
Peise偏向于小清新、扁平化风格。
Coolors也是一个国外网站，你可以根据需要随意调整配色方案，而且在底部也会给出相应的颜色代码，方便用户查找。
Colorhunt也是一个配色网站，在这里，你可以及时看到别人分享上来的配色方案，同时，你也可以把自己的优秀作品上传上去。
在Materialui里，你可以找到流行设计配色方案、HTML配色方案、平面UI配色方案，而不单纯是把配色方案呈现在我们眼前，这样就更有针对性，更容易让用户找到需要的配色方案。
中国色彩,中国传统色彩,网页配色,设计配色,配色图表,配色卡,SDC优设网配色工具
该网站采集了中国最为典型的传统色彩，当我们在做一些传统文化相关的传统配色方案时，可以在此网站上寻找灵感。 在选用颜色时，切忌使用对比度高的颜色，那样会很刺眼，比如最Low的营销号就喜欢醒目的加粗黄底大红字，尽量避免使用那些存在感太强的颜色。
如果文章类型是深度抨击时事的，那么可以用冷淡醒目的深红或者是深蓝；
如果是小清新的文章，可以加上浅绿、浅粉、或者是鹅黄，让文章少女心满满。 同时，给文字加上阴影的时候，也需要注意一下是否加上阴影后文字效果反而会很脏（比如黑色字体加上阴影就很难看）。
最保险的方式就是选取比原文字浅两号的颜色，达成发光的效果，就很自然又带了点朦胧美。 所以，了解你的目标人群，针对性地选择一些合适的字体，可以帮助读者更好地理解文章内容。 ⑦字数的要求 微信图文的字数根据公众号属性调整，没有具体规则，一般情况下1000-3000字为佳，长篇文章不宜超过8000字。 在字体部分的最后，给大家推荐三款常用的字体：
还有一些免费的字体（以下来自于网络）：
当然了，为了安全起见，大家在使用字体之前，最好去字体公司的官网上查询一下，了解字体是否还在免费使用时间之内，因为字体公司的条款随时都有可能有变化。 （2） 留白 留白一直是保持美感的大杀器之一。密密麻麻、毫无留白、挤在一起的文字，肯定谁都不想再看第二眼，而太过松垮的留白又会让人失去想看的动力。 所以，如何保持适中的留白就成了排版的难题之一。留白可以分为字间距、行间距、段间距、页边距，我们逐一给大家介绍下。 ① 字间距 字间距就是字左右的距离，字号越小，字母之间的间距就要越大，以使文字易于辨认。相反，如果将字号调大的话，紧致一些的间距以至于字符之间不会那么松垮，而更易阅读。
建议：设置为1px或1.5px，最大不宜超过2px。 可以在编辑器中对字间距进行调节，0.5 —1.5都很常见。 注：px是像素的意思。 1px会适当地扩大字间距，而使用1.5px就会使得排版有了呼吸感。 假如每个字都紧紧地挨着，就像上班高峰坐地铁一样，气都喘不过来了。 比如说 像我这样的字间距就会让人非常难受。 所以，适当扩大字间距，会使得阅读变得更加轻松。 ②行间距 行间距，顾名思义，就是行与行之间的距离。 它同字间距一样，需要保持一个合适的距离，因为我们的视线移动是“Z”字形的，适当地保持行宽可以有效地避免大脑处理冗杂信息。 建议设置为1.5px或1.75px或2px（字上下的距离），1太拥挤，如果文字较少就可以设置为2倍。
比如，我想要小清新风格的，那么就可以设置左右留白，行宽值小，这样就非常地简单易读，形成独特的小清新风格。
但是对于诗歌型文字，行间距要适当拉大，因为字号越小，字间距、行间距应当越大，反之亦然。 ③段间距 通常情况下，段间距指的就是段与段之间的距离。我们会在每段上下都空一行（让用户有呼吸感），只有在两段文字都在论述同一件事情时才不会空行。 果兄私塾  果兄私塾 在一个小节结束时，可以多空两行，尽量让读者接收到“这一小节内容结束了”的信号。同时呢，想要把控好段间距，也对我们的分段能力提出了要求。 长段落会让人觉得阅读压力太大，短段落则又容易打断排版的连续性，长、中、短段落结合，能让读者在大段文字中迅速找到落脚点。 调出段间距，这样就可以分出逻辑上的段落层级，让读者认为这是一篇结构分明、层次清晰的文章。所以，利用段间距控制好留白，是排版中非常重要的部分。 果兄私塾 ▲上图是作者自己做的图 果兄私塾 ▲上图源自七悠英语 注意了，一个整段千万不要超过一屏，会让人非常暴躁！ ④页边距 页边距是指各种对齐方式，主要有左对齐、右对齐、两端对齐、菱形对齐、居中。建议两端缩进尺寸为1.0px，咪萌的页边距是4px。
▲上图来源于公众号「一周进步」截图
▲上图来源于公众号「咪蒙」截图
▲上图来源于公众号「那一座城」截图 左对齐左边会比较整齐，但是右边就非常难看、像锯齿一般粗糙。 适用风格： 干货类文章，符合阅读习惯、亲切自然、使得阅读更加轻松； 短诗歌，方便断句、突出某些信息，文艺气息满满。 同时，左对齐型排版，首行不需要缩进。用首行缩进来区分段落，适合传统印刷读物。在网页端和手机端上，书本式的排版会让读者感到压力，改用空格分行会让读者的阅读体验更好。
▲上图是作者自己做的图 右对齐，新颖、有格调、时尚有现代感，高端、贵气的一种排版方式，一般很少用。 适用风格：适合于追求时尚感的文章或者珠宝、地产、奢侈品的广告软文
两端对齐会使得文章两边看起来更加整齐统一，满足强迫症患者的需要。但是在对邮箱地址使用两端对齐可能会使字间距比较奇怪，这个时候可以适当改用居中格式或左端对齐，并善用换行改善排版效果。 适用风格：追求统一感的文章
▲上图来源于公众号「一周进步」截图
菱形对齐，新颖、趣味、别具一格。
▲上图是作者自己做的图 适用风格：适合追求新奇有趣风格的文章
居中型排版，以短句居多，视线集中、整体感强，所以，如果一行文字太长的话，就会使得眼球很累、阅读体验非常差，而且字数太多的话也会出现一行放不下的情况。
▲上图来源于公众号「青年旅行体验」截图 适用风格：娱乐型文章/产品功能介绍文，可俏皮可正式的排版方式，视觉上没有任何阅读压力。 以上，就是各种对齐方式的简介，无论是字间距、行间距，还是段间距、页边距，最终目的都是为了控制好留白、优化阅读体验。这些方式需要合理地运用，才能达到最理想的效果。 注意，不同的对齐方式不能放在一起用，否则就会破坏整体的统一感，非常难受。 （3）图片的运用 善用图片可以给文字增姿不少，适当增加图片可以增加许多趣味性。 ① 照片
▲上图来源于公众号「人民日报」截图 照片一般用于展现活动现场气氛，或者对文字内容进行补充说明。照片一般不用特意处理，直接放进正文即可。如果照片质量较差，也可以简单处理图片亮度、对比度，使得照片更加美观。 ②表情包
▲上图来源于公众号「未来网」截图
▲上图来源于公众号「杜嘟嘟嘴很毒」截图 在推送中插入表情包是一种很好的放松气氛的方法。一般使用当下比较流行的表情包，可以使文本不那么单调。（也可以使用微信自带的表情包） 表情包一般需要在编辑界面调整大小，对于正方形的表情包，宽度大概占整个屏幕的二分之一到三分之一左右为佳。 ③ 图片的选用 除了使用照片和表情包之外，我们还要从网上找一些图片。配图对内容的打开率有很大的影响，图片的选用必须注意是否与内容定位相匹配。除此之外，还要注意一下几点
▲上图来源于公众号「那一座城」截图
▲上图来源于公众号「Sir电影」截图
▲上图来源于公众号「未来网」截图
▲上图来源于公众号「GQ实验室」截图
▲上图来源于公众号「GQ实验室」截图 在第四部分我将给大家分享一些免费图片的网站，大家可以从中选择素材，有需要的可以直接拉到底部。 在这里我们讲下有关于图片尺寸的问题，之前的微信封面图一直都是 900*500 px，2018年6月份公众号改版后，调节成了 2.35：1 比例，即 900*383 px。
从上图可以看到，在不同使用情景时，封面图会自动被裁剪成不同的尺寸。因此，重要信息应放在中部视觉区域内，防止文章被分享后信息不全引发歧义。 正文图片最好选择500*300大小的，这是最合适的。 另外，图片的大小也要注意 静态图：保证在100k以内，尺寸建议选择16:9 和4:3，不建议使用竖构图图片；图片像素的宽度控制在 1000 像素左右。 动态图：500k以内，图片像素的宽度为 1080 像素，长度根据实际需求调整。 最好能够用软件（比如美图秀秀）改为jpg格式，不要使用png，因为png图片比较大，而大图片在网络不好的时候就很难加载出来。 有条件的话，也可以是用GIF格式的图片 ④ 图片的排版 选好图片以后，就要设计到如何排版图片了。 图片的排版方式主要有以下几种：上图下文、下图上文、左图右文、右图左文、图文环绕。
⑤ 图片的制作 推荐一个简单有效的在线图片制作工具“创客贴” 1. 进入页面 创客贴https://www./
打开以后界面是这样的，没什么复杂的选项，只需要点击免费使用，就可以开启的作图生涯了。
2. 选择模板
这就是打开以后的界面，几乎不用考虑画布大小的问题，因为创客贴已经把你能用到的几乎所有的画布种类都做了划分。
3. 背景制作 我们今天就以制作裂变海报为例来教大家如何利用创客贴作图。
然后就会出现很多的模板以及模板的类型，选择你喜欢的模板；如果你有喜欢的背景图片，也可以选择空白画布。
我们选择一个空白画布，打开。
然后上传自己需要的图片
上传之后的界面是这样的
然后把它拖到你需要它在的地方，按照步骤把需要的图片分次上传，背景就制作完成了。
4. 加入配图 只有背景是不够完整的，这个时候我们需要加入配图。 创客贴在这方面有一个很好的功能就是检索，不需要你漫无目的搜图了，只需要在创客贴里直接选择就可以。
或者继续上传也是可以的，或者两者结合。 有的时候，在素材库里无法找到需要的图片，这时候封面图、正文图片就需要我们自己制作。 需要用到PS的部分会在后面高级教程中详细论述，有兴趣的同学可以翻到后面查阅。 如果只是简单的图片制作，那么我们可以上一些专门制作此类图片的网站，比如创客贴，可以帮助我们迅速完成我们想要的图。 ⑥ 图片处理
▲上图来源于公众号「木木老贼」截图 图片画质一定要保证，高糊的图片可以轻松毁掉本来优秀的文章。同时大小不能过大，否则可能很容易加载漫长甚至失败。 图片大小可以根据情况适当调整，比如二维码可以适当缩小，全屏的大二维码看起来容易显得粗糙。 4、 标点符号的使用
▲上图是作者自己做的图 标点乱用，也会给人造成不适感。比如有的小朋友，打字从来不加标点，全用空格替代。 拜托，没有标点真的是一件很令人抓狂的事情。然后是乱用标点，明明是应该用逗号的地方他用感叹号，这就很容易造成文义上的分歧。请那些不好好使用标点符号的小朋友们，正确地使用标点好吗？ 1）引号 引号推荐使用直角引号「」，这个符号是「我的最爱」。引号中再用引号使用双直角引号『』。 表示讽刺、反讽暗示、强调语气、人物对话时，使用弯引号“ ”。 直角引号可以在中文输入法中「特殊符号 — 标点符号」中找到，或者是用直接日文输入法输入，键盘上的括号键即是。 直角引号源自日文，弯引号源自英文。 相比弯引号，直角引号在汉字排版中更为优雅和美观，也避免了全角半角不分的同学乱用弯引号导致的格式错乱。 2）省略号 中文省略号的正确的打开方式应当是「……」，占两个汉字的空间。 三个点「...」是英文的省略号。 千万不要用六个句号「。。。。。。」作省略号，这样看上去很不专业。 3）破折号 破折号占两个汉字空间，不能用连字符代替，即「--」，引出后面想要解释说明的内容。 针对一般的文本设计来说，字号越小，字母之间的间距就要越大，以使文字易于辨认。相反，如果将字号调大的话，紧致一些的间距以至于字符之间不会那么松垮，而更易阅读。 可以在编辑器中对字间距进行调节，0.5 —1.5都很常见。 4）列表符号 有时候文章中会有一些并列关系的句子，这时候就可以使用项目符号区分出有序列表和无序列表。 有序列表 数字序列是最常见的有序列表，除了数字列表还有英文、罗马文序列等。 同时要注意的是，数字后面加的是圆点而不是顿号。 无序列表
5）三角符 微信文章中经常可以看到各类三角符号，有各式各样的用处： ▲正三角经常居中放在照片下方，对照片起注释作用。 ▼倒三角经常单独居中成行，用于分隔两部分内容，引出下文。 6）分隔符 除倒三角外，还有很多符号，都可以用作分隔符。 7）分隔线 分割线也是最常用的一种，各种编辑器中都有不同样式的分割线，是排版中很重要的元素。除了用在文中，也可以用在文末，用以区分开来上下两部分内容。 8）进度符 这是 i排版在一篇文章中提出的方法，我看到有好几个人都在推荐，觉得有点意思，先分享给大家： 选择同一个小符号，用类似进度条的方式来标注，更换其中某一个或几个小符号的颜色，让读者知道文章读到哪一部分，起到提示进度的作用。 也可以在段前加入?、?，在图片下方说明加入↑↑等 小符号还可以表示进度，代替传统的大标题小标题。如：
还有
使用罗马数字会有一种复古的感觉。 此外，善用一些小符号，也能让我们的排版更加生动起来 不同的符号代表不同的意思：
9）空格的使用 除了日常使用以外，还有哪些地方需要我们加入空格的呢？ ① 中文与英文之间需要加空格 栗子：我想要一只 MAC 口红 ② 中文与数字之间需要加空格 栗子：我最终获得了 834 票 ③ 专有名词需要注意大小写 栗子：Ipad 刚出了新的版本 ④ 中文夹杂英文时要使用全角标点 这款新出的红米 NOTE 7 用了骁龙 660 处理器，性价比特别高。 ⑤ 对于完整的英文句子，使用半角标点 The wheel turns, nothing is ever new. 每个字之间都应该留有合理的空间，太紧太松都是不合适的选择。 5、强调 所谓的「强调」就是指突出重点，我们也可以理解为「对比」，而和谁做对比，怎么对比，都是难题。 常用来对比的方法有三种：增大字号，改变颜色，改变粗细。另外下划线、斜体、引用、间距也可以用来强调。 ①改变字体
▲上图来源于公众号「那一座城」截图 当一句话中有非常重要词语或者标题上有关键字时，可以通过改变字体进行强调。调整不同的字体类型，可以让关键信息一下子从众多文字中脱颖而出。 但前提是：不要选择两种相近的字体。 ②增大字号 从最直观的外形上来说，没有比增大字号更直接有效的方法了。 主标题：大、粗、醒目，字体推荐用微软雅黑或者黑体 副标题：比主标题略小、略细，也是推荐微软雅黑或者黑体 正文：推荐12px-14px，比前面两种字体都要小、细一些 同时，主、副标题尽量地区分开，不要给人模棱两可或者含糊不清的的感觉。 另外还有一个问题，有的时候我们的标题中需要用到英文，此时最好使用大写英文字母而不是小写，因为小写字母有高有低，一行下去凹凸不平、很不整齐，容易干扰到视觉，而大写字母的高度相同，会减少这种视觉上的冲突。 ③改变颜色 配色最重要的是保持平衡感，色彩饱和度、明度都要协调。虽然我们想要通过改变颜色来突出重点，但是仍然不能背离原本的风格太远，否则就会明显地“画风不对”。 那怎样通过改变色彩起到强调的作用呢？我认为，可以通过挑选冷暖色调不同的颜色来强调，或者通过明亮强度来强调。 比如前者，如果我们的文章风格是小清新的，正文部分用深灰色，那么强调部分我们可以选用浅绿、浅粉等冷暖色调，也没有脱离小清新的风格太久。 比如后者，我们可以给文字加上阴影， 就像这样 但是注意黑色文字不要加光，因为加上就很脏。其实，阴影选取比原文字浅两号的颜色就能达到很好的效果，既突出了文章内容，又能增加一丝朦胧美。 ④改变粗细
▲上图来源于公众号「一周进步」截图 通过改变粗细来强调应该是最明显的手段了，这里就不细说了。 ⑤下划线 对于文章中的人名、地名、书名，可以加下划线，一目了然。 ⑥斜体 西方字体的手写体就是倾斜的，使用斜体，能让内容看上去和手写体差不多，让读者感到亲切； 中文是方块字，手写体应该是毛笔书法，使用倾斜反而很怪异，不讨巧，一般用于（正文中括号内的注释。） ⑦引用 比如说我这篇文章是转载的，那么我们的格式就可以为：
▲上图来源于公众号「馒头商学院」截图
⑧间距 如果控制得好间距，整个文案都会很和谐，我们一定要注意间距的把控。比如最原始的行距，就是比较保守的同距型，这种方式比随意摆放要合理一些，但是整个文案部分看起来比较死板呆滞。 我们可以适当地拉开文案的行间距， 宽度可以帮你去支撑画面， 上窄下宽是比较合理的承重行距， 但是也不能拉的太宽， 拉的太宽就会导致文案非常散乱， 视觉也不宜集中。 6.分段大解析 有的时候，原文作者并不能把控好整篇文章的节奏，那么此时，排版小编就必须帮助作者进行调整，以适应读者的阅读节奏，优化其阅读体验。 如何调整呢？最主要的调整方法就是分段。段落的衔接体现了作者的思路，有序地安排段落就可以把作者的思路有步骤地表达出来，从而帮助读者更好地掌握各层意思和文章脉络。但是我们也不能盲目分段，必须注意以下几点： 1） 保持段落主旨的单一性，一段只能有一个主旨。 同一段落内安排关系最为紧密的句子，不想干的句子安排到其他段落里。 2） 段落长短要适当。 长段落会让人觉得阅读压力太大，不容易抓住要领；短段落则又容易打断排版的连续性，让人觉得结构松散。所以必须注意段落长短。尤其是千万不能出现一段一屏的现象，这会给读者的阅读带来很大的压力！ 长段落尽量能分开就分开，尤其是开篇文字，不宜段落过长。短段落能给读者更多停顿和思考的空间，有利于加深读者印象。 尤其是我们做新媒体的，一般的段落有几个句子（一二百或三四百字）就够了，必须有意缩短段落以适应快读的需要。 经验表明，段落以这样的长度表述的思想单位，读一次能较清楚地记住。 3）段落悬挂缩进 段落悬挂缩进是从第二行缩进，常用于词典条目、书籍索引等等。 除了以上两种分段方法，我们最常用的其实是第三种方法——在段落开头加标点符号。 常用的标点符号有·和——， 比如： ·经济基础决定上层建筑。…… ·供给侧结构改革。…… ·那么，究竟如何才能实现GDP的快速增长呢…… 还有 ——实施科教兴国战略，促进科技、教育与经济的紧密结合。…… ——把加强农业放在发展国民经济的首位。…… ——坚定不移地实行对外开放。…… 通过这些小符号，能有效地将各段分隔开来。 如果有需要，也可以运用其他的小符号。其实在这里有点像我在前面提起过的进度符的概念，有兴趣的可以回头看一看。 2.正文模块 上面介绍完了固定模块，这里开始按照正文的顺序介绍每一个组件的排版规范。 正文，主要分为几个模块：顶部引导、内文、底部引导 作为点进文章阅读的第一眼，顶部引导起到非常重要的作用，毕竟，如果读者看一眼就觉得兴致缺缺，就很难继续阅读下去。 你可以专门用PS做顶部引导关注的图片，也可以不在顶部引导上做文章，用图片替代，开门见山，给读者更为直截了当的阅读体验。 顶部引导关注的几种作用，有以下几点： 1、注意版面长宽比，避免占用大块空间 2、植入logo或者品牌文化 3、引导置顶、关注、点赞、回复 4、当花瓶，让人欣赏其艺术价值
▲上图来源于公众号「杜嘟嘟嘴很毒」截图 第二步，到了内文排版，内文排版的每一个细节，如字体、字号、颜色、间距等等我都在上面给大家一一拆解过了，有兴趣的可以往上翻一翻。切记：一定要保持风格的统一！！ 内文排版，需要关注三个点： 1、字体，包括字号和颜色 2、间距，包括字间距、行间距，段间距和页边距 3、配图 最后，到了底部引导，此时可以不用太过考虑篇幅大小，可以尝试用制作新奇有趣的图片引起用户的关注，并且让新用户看到的时候，能够迅速明白该公众号的定位。 底部元素主要有：底图、投票、作者信息、版权声明、合作说明、引导（话题互动）、关注语、往期推荐、二维码、赞赏、阅读原文。 ▲上图来源于公众号「青年旅行体验」底部引导截图 底部引导关注则需要承载较多功能： 1、往期文章回顾 2、二维码名片或者引导置顶 3、求点赞、求回复、还有打广告 二维码可以借助短网址和二维码生成器制作，能提高不少转化率。
推荐一个二维码生成器：
除此之外，我们还有可能面临转载文章的情况，那么此时就必须在文章开头或者文末添加一个文章出处、导语或者版权声明，那么此时我们可以参考以下格式 1） 文章头部以「导语」开头 字号：32号； 颜色：#888888，金句加粗； 导语结束后空一行用分隔线进行分隔，分隔线下标注文章出处； 2）文章出处格式 字号：14号； 色号：#888888； 3）版权声明 （1）字体 ①字号：14； ②颜色：#888888； （2）位置：正文后面空一行，左对齐 以上就是公众号排版的基础攻略，看到这里一般的排版技巧你应该都可以掌握了，接下来，是本排版教程的进阶攻略，想要有更高提升的同学可以继续看下去！ （一） PS排版设计教程 你想做一些非常美腻的公众号排版吗？
▲上图来源于公众号「顾爷」截图
▲上图来源于公众号「GQ实验室」截图 是不是非常有趣？是不是也想做出来好看的排版？ 可是上面的图用编辑器是做不出来的，只能用PS做。 讲真，用编辑器排版固然好使，但如果我们想要更美观的排版，还是只能用PS，我们只要先把内容排到图片中在，再把图片插入公众号中就可以了。 所以，我们准备了一个PS专项，帮助小白快速突破PS排版。 惊不惊喜、意不意外？
在上面的初级教程中，我告诉大家图片的主要排版方式有上图下文、下图上文、左图右文、右图左文、图文环绕，这是最基础的部分，但是想要我们的版式设计显得高大上，那么我们就必须再探究排版背后的原理。 01 版心 为什么国外的书籍和网站看起来显得特别高大上？因为设计师针对设计项目预先设计了一套“网络系统”，将页面切割成了一个个网格，然后通过确定版心，使得内容看上去处于安全范围内、符合人的视觉范围。 啥是版心?版心就是指内容创作区域。 呆板的版心设计，上、左、右边距都是相同的，除非为了刻意体现严谨的感觉，一般情况下不建议使用； 灵活的版心设计，左、右、上、下的边距都不同，且成一定的比例关系，接近黄金分割比，在现代版式设计中，多采用这种更灵活、自由的版心设计。 插播一段黄金分割比的介绍~ 什么是黄金分割比？指将整体一分为二，较大部分与整体部分的比值等于较小部分与较大部分的比值，其比值约为0.618。这个比例被公认为是最能引起美感的比例，因此被称为黄金分割。 所以，大家在设计过程中，尽量寻找黄金分割，这样成功率更高哦~
在确定下来版心之后，我们把版心用水平线或者垂直线切割成一个个网格状，然后在不同的网格中安排不同的内容，这也就是我们通过PS进行排版的精髓所在。 因为PS排版，主要就是安排不同网络之间的留白比例、图文分配，但千万不要被网格所限制，网格是帮助你完成一件合理规划、定位精准的艺术品的辅助，而不是限制灵感的工具。 我们可以使用单个格子，也可以将多个网格连起来，作为某一个内容的安排空间或者留白，至于怎样安排，就涉及到我们的构图思维方面了。 02 版面率 版面率就是指除去页面上天地左右四周的余白，版面所占的面积比率。 在页面内容较多的时候，容易给人压迫感，所以通过适当地留白，提高图片的色调，可以令人放松下来。 扩大留白，版面率降低，内容信息减少，就能给人一种高级感。 缩小留白，版面率提高，内容信息增加，更加热情活力，适用于需要传递大量信息且留下深刻印象的排版。
①对称型构图 对称型构图是最具代表性的方式之一，上下左右、重复交替，都可以让页面灵活起来。 最重要的是，对称型构图方式给人以视觉平衡的感觉，能让读者看的舒心。 ②对角线构图 让元素结构呈对角线分布，以获得更有动态的照片，能让画面充满动感。 ③三分法 就像相机将场景划分成九宫格一样，我们在PS排版时也可以通过用四条线和四个交点，把整个页面切割成9大块，每一块设置不同的内容或者留白。 同时，在分配九个方块时，不一定要一个格子对应一个内容，完全可以一对二、一对多，打破平均分割的框框，调整页面节奏。 我们应当在有规律的设计方法中找到突破。 ④S字形构图 利用SF字形构图，可以引导读者视线，对增强用户体验有重要的作用。 我们视线流动的轨迹多是从上至下、从左到右移动，如果我们的排版设计打破了这一规则，用户在阅读时就会变得很吃力，找不到重点，使用户产生反感。 尤其是现在采用上下滑动的方式，做好视线引导，可以大大减小用户的负担和阅读疲劳。 S型视线会引导视线向下，在视线转角处视觉轨迹最为密集，浏览更为集中在切换的地方，视线转折的地方停留时间过长，所以我们应该把重要的内容放在视线转角处，这样更容易让用户记住我们需要的内容。 其实还有更多的构图方式没有介绍，但究其本质，还是在关注“构图中各个元素的位置关系”，但其实位置关系并不是决定一张排版的决定性因素，还有和谐的色彩、动静结合等等，如果用位置关系限制住了我们的构图思维，就会陷入僵局。 借用一句摄影家普遍认可的规则，“一切法则都注定要被突破！”我们可以利用位置关系，但是不能被位置关系所局限住灵感。
我们可以用PS排版，也可以使用别的工具在手机上排版（不过最好还是利用PS进行排版）。 用什么工具是其次的，最重要的是排版设计思路。 在这里给大家推荐几款排图工具： ①创客贴 ②简·拼 ③美图秀秀 都是大家熟悉的产品了哈，在这里就不多说了，很容易上手的。
因为之前的排版主要局限于编辑器内，对色彩没有办法做太多要求。 现在我们用PS做公众号文章排版，那么就必须要了解一下色彩上的基础知识。 第一步：整体定调 给整篇图文确定一个大概的色彩基调，是冷色调还是暖色调？做这一步可以有效防止在接下来的配色步骤中出现色彩混乱的情况。 第二步:确定主色 主色决定着整体色彩趋向，是一个整体的色彩基调。在所有出现的色彩中占比往往不低于75%。 主色建议选一个明亮、柔和的基色或者间色作为开始（基色就是红黄蓝，间色就是三原色组合成的颜色），这样的选择往往是相对安全的。 第三步：确定辅助色 辅助色主要起到辅助主色的作用。辅助色可以使色彩更加丰富完美。辅助色的占比往往在20%左右。 ①单色。我们可以使用单色，单色就是通过对同一颜色加上10-90%白色或黑色的透明度层后获得的一组颜色。这样的色相相同，而又能产生和谐的对比效果，因此单色的应用在设计中非常重要。 ②邻近色。采用在色相环中相邻的色彩，虽然不会产生高对比度，但是如果觉得自己的设计在色彩上太过单一的话，可以使用临近色来增加色彩上的变化。 比如橙色是黄色的邻近色。将色相值增减30-50，就能得到一个新的邻近色。 ③互补色。互补色就是指在色相环中，互为180°的两个颜色。互补色能产生强烈的对比效果，用在需要强调的地方效果会非常好。 比如红和绿，黄和紫。 将色相值增加整个色相条宽度的一半，就可以得到当前颜色对应的互补色。 第四步：确定点缀色 点缀色，有时候也称作点睛色，取画龙点睛之意。往往具有引导阅读，装饰画面，营造具有特色的画面风格的作用。整体占比常常在5%左右。 比如，如果我们全文都是以深灰为主，可以选择黑色作为点缀色，也可以使用墨绿、墨蓝等作为点缀色。 （二）排版的具体实操 1、 利用微信自带编辑功能进行图文排版 其实咱们不用PS也可以做到和PS图片排版一样的效果，那怎样才能做到呢？ 主要是利用后台的表格功能，直接在文档空白处右键，点击表格
然后会出现一个表格，根据需要删去行列，然后给每个表格添加背景颜色，插入图片和文字，就可以完成制作了。 2、 封面的制作 01 如果你不会PS，那么我推荐你使用“创客贴”这个网站进行图片制作，简单易学，容易上手，更高级的功能就需要用到PS了。
创客贴网址：https://www./ 02 如果你想通过PS制作出独一无二的封面头图，请接着往下看。 ①首先，新建一个900px*383px的画布
效果
②插入一张背景图片
③新建图层，选择区域，填充黑色，调整不透明度 新建一个图层
然后选择区域
然后调整不透明度
效果
1 重复第三步，新建图层，选中区域，填充颜色，调整不透明度 只不过我们这次选中的区域比较小
效果图
2 插入素材和文字，完成。
3、 正文图片的制作 以整张图片作为正文的公众号文章主要有以下几种类型：
▲上图来源于公众号「GQ实验室」截图
▲上图来源于公众号「西村叔叔的甜品店」截图
▲上图来源于公众号「西村叔叔的甜品店」截图 那么我们在制作以整张图片为正文的长图时，就可以根据自己的需要选择作品进行模仿 比如说，如果我们想做漫画时，就必须请到画手画好素材，然后稍微排版就行； 如果是广告宣传的长图，那么我们必须收集好素材再进行排版。 注意：长图过大或者过长会导致微信自动压缩上传的图片！建议分割后再传。 下面我们以下面这张图为模仿对象说明如何制作长图（图为创客贴免费素材）
模仿出来的效果
制作教程 1、 新建一个300*500的画布
2、 插入一张背景图片至合适的位置 PS：如果图片大小不合适，可以通过图像-图像大小调整尺寸至合适的位置
那么这时候下面有空白怎么办呢？可以有以下做法 1、 放大立春二字，空白区域放文字 2、 延长背景，弥补空白 第一种方法做出来的效果是： 第二种方法做出来的效果是： 这里我们教大家做第二种方法。 首先，复制一张背景，拖至合适的位置：
图就会变成这样
但是我们只想延长下面空白部分的背景，应该怎么做呢？ 将“图层1 副本”和“图层1”位置调换即可。 注：“图层1 副本”即刚才复制出来的背景，“图层1”是原背景
这时，将“图层1”和“图层1 副本”合并
此时选中“污点修复画笔工具”
然后，像画笔一样地将两张图片交界处涂出合适的效果（就是让别人看不出来这是两张图片合成的）
效果就会变成这样：
此时可以加入文字或者一些小元素，做一些点缀
好了，这样一张长图就完成了。 你可以根据自己的需要设置长度，放更多的内容上去。 再给大家回顾一下我们的模仿对象：
我们模仿的主要是其设计思维，它以正三角的形状排版，同时画面主要集中在上半部分
而我们的图也同样以正三角的形状进行排版，画面也集中在上半部分，此外，还在画面中部加了印章作为点缀，不仅使画面非常古色古香，也是独特的创新之处。
什么元素啊字体啊，其实都是旁枝末节，最重要的，其实是设计思路，一个好的排版设计必然带来赏心悦目的视觉体验，我们要做的，就是借鉴好的排版设计，做出自己的成果，所以我们必须在日常生活中多观察别人的排版设计，并且用心积累，才能在做图时不至于毫无思路。 任何人开始做排版都避免不了模仿的过程，尤其是做图这块，但是我们模仿归模仿，千万不能涉嫌抄袭，否则害人终害己，不仅自己的水平毫无提升，还侵犯了别人的知识产权，对人对己都无丝毫好处。
文末名片的作用有两个： 1、 引流到其他地方 2、 展示本公众号的定位 所以，我们的文末名片必须附上二维码和公众号slogan。 二维码名片可以用创客贴做，因为这里是教如何用PS做图，所以我在这里介绍你一种简单易上手的PS二维码名片制作方法。 其实最简单又有格调的做法就是找一张图片作为背景。 ①新建画布500px*300px
效果
②新建图层，选中选区
用黑色填充
效果
③用同样手法在上方做一个，选择不同的颜色
④插入素材和文字，完成
有趣的GIF一直在网上大受欢迎，很多萌萌哒表情包都是GIF的格式，在公众号文末放个动图啥的简直吸粉利器。那么，我们要怎样制作一个GIF呢？ 1） APP制作 想要快速上手GIF，那必须要提制作GIF的各大APP了，小编在这里给大家推荐几款，希望对大家有所帮助。 ·美图GIF 美图出的产品，秉承了美图秀秀的一贯作风，有特效有美颜，绝对满足你的需要。 ·ImgPlay 功能齐全，界面有文字添加和剪裁功能最大的特点是输出的画质高，但是需要一些时间精力制作。 ·闪萌、gif喵、多玩动图等等国产APP，都可以去尝试下 2） PS制作 使用PS制作GIF并没有想象中的那么难，现在我来告诉大家怎么做。 首先，把要转化成GIF的视频片段剪下来保存成文件； 然后，把刚才保存好的文件拖进PS里，然后选择文件-导出-储存为Web所用格式，然后注意下图片的大小尺寸，保存就可以啦。 另外，在微信上，GIF的大小只能是2MB左右，大了则会显示文件过大无法发送预览，所以很多GIF都是必须压缩以后才能发送到互联网上，也就是说，我们要时刻注意素材还有最终完成品的大小问题。 恭喜你！看到这里，你已经是个读完两万字的人了，而这两万字都是多年排版工作浓缩下来的精华，是最经典的东西。 时间在不断地流逝，现在觉得新鲜的h5，可能过两年就被淘汰了，新旧事物更替太快，但是经典永远不变。 希望你们，能带着这份宝典 一路前行，不忘初心。 END |
|
|
