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