图⽂排版指南（附实操细节）
关注并将「91运营⽹」设为星标
每晚 21 : 00 按时送达
导读：如何设计优质的⽂章排版？本⽂将从排版⽬的、排版风格、VI、⽂字、配图、头尾引导等多⽅⾯分块阐述。
正⽂
⽂章来源于番茄运营，作者三⼗
⽂章排版如何变美？
追求美，是⼈与⽣俱来的本能。在任何地⽅皆是。
新媒体阅读场景下，美的排版与好的内容相辅相成。
试想下，你在碎⽚化阅读场景中，看着满屏密密⿇⿇、花枝招展的⽂字，纵使内容优质，阅读兴致也会寥寥。
好排版⼀定是给内容锦上添花，塑造美好阅读体验的。
如何设计优质的⽂章排版？本⽂将从排版⽬的、排版风格、VI、⽂字、配图、头尾引导等多⽅⾯分块阐述。
01排版⽬的
▌减轻读者压⼒
碎⽚化阅读场景下，读者刷的场景复杂多变，可能会在被窝、公交地铁、排队吃饭、上班摸鱼，甚⾄厕所蹲坑。
在这种随时可能被打断，终⽌阅读的场景下，如何让读者保持⾼度注意⼒成了关键。
优质的排版⼀定是以读者阅读体验为前提，减轻阅读压⼒，让读者看得舒服，看得轻松。135编辑器手机版
⼀昧注重排版样式的多变、内容模块的复杂就会本末倒置。
▌增加读者阅读效率
⽣活节奏越来越快，读者专⼼阅读的时间越来越少。如果⽂章逻辑性不强、结构冗杂，读者就会没有⾜
够的耐⼼逐字逐句阅读。
排版，能把⽂章的逻辑理顺，将内容概述、重点词句展现，能让读者在最短的时间内理解⽂章所传达的意思。
▌加深读者对的认知
⼈们常说见字如⼈，其实不只是字，很多东西都是形象的延伸。
⽂章中的⽂字⾊调、配图风格、头尾引导等排版模块，都会影响读者对或品牌的认知。
排版风格是逗⽐的，读者会认为作者拥有⼀个有趣的灵魂；排版风格是严肃的，就会认为很靠谱。
风格是⼀个长期逐渐形成的过程，只有长期保持⼀个风格，才会加深读者的认知。
02排版风格
在设计排版前，需要先确定排版风格，这将决定后续排版的⽅向。
否则⼀会⼉弄个⽂艺风⽂字排版，⼀会⼉⼜加个搞怪风配图，⼀会⼉⼜觉得商务风引导图不错，给读者
感觉乱糟糟的，不专业，像个精分在⾃嗨。
我扒了 N 多⼤号后，给⼤家总结了市⾯上常见的 10 种排版风格：
时尚杂志风
代表：杜绍斐
现代简约风
代表：插座学院、⼈物、拾遗
互联⽹科技风
代表：极客公园、36氪
搞笑风
代表：⼩声⽐⽐
⼲货科普风
代表：好好住
⽂艺清新风
代表： HANS汉声
⾼端商务风
代表：晚点LatePost
购物风
代表：⼀条
中国风
代表：谁最中国
条漫风
代表： GQ实验室
风格没有好坏之分，只有适不适合。从定位出发，结合实际情况综合分析判断。
如果⽬标读者是 95 后，内容调性⽐较轻松，可以选择搞笑风或⽂艺清新风；如果是公司号，想给读者传递专业靠谱感，可以选择⾼端商务风或现代简约风；如果是职场或观点号，可以选择百搭的现代简约风……
03主⾊调
⾊调是排版的灵魂。每个优秀的都有⾃⼰的主⾊调。
主⾊调最好确定 1 种，最多不超过 3 种。使⽤统⼀的主⾊调能增加阅读的连贯性，⽂章⾊调五花⼋门，会造成段落间充满割裂感，让读者眼花缭乱。
本号的主⾊调是红，那么头像、⽂章的强调部分、头尾引导图、样式都围绕此展开。
长期使⽤⼀个主⾊调，还能增加品牌辨识度，像⼀看到红⾊，我们就想到可⼝可乐，看到蓝⾊就想到百事可乐……
⾊调的选择，可以根据品牌、调性确定：
想给读者传递⼀种积极向上的⼒量，可以选择橙、黄⾊；想呈现商务⽓质，则可以选择蓝、红⾊；当然，读者是年轻体，也可以选择莫兰迪⾊系。
以下是⼀些配⾊的⽹站，供⼤家选择：
LOLColors：
中国传统⾊彩：
ColorHunt：
中国⾊：
04正⽂⽂字排版
正⽂⽂字排版要迎合⼤众阅读习惯，以简洁清爽为主。
▌字体字号
在不同的⼿机下看同⼀篇⽂章，字体⼤⼩会有略微差别。为了保险起见，正⽂字号⼀般选择主流的 14px 或 15px 。
14px 显得⼩巧精致，15px 阅读时会轻松点。如果读者为⽼年⼈，字体可以适当放⼤。
14px 字体⼤⼩：XXXXXXX
15px 字体⼤⼩：本⽂⽤的就是 15px
注释⽂字、不太重要的信息，可以选择 13px 。
13px 字体⼤⼩：XXXXXXX
13px 字体⼤⼩：XXXXXXX
⼩标题字号⼀般⽐正⽂⼤ 3 号，也就是 17px 、 18px，或根据排版风格设计图⽚样式。
17px 字体⼤⼩：XXXXXXX
18px 字体⼤⼩：XXXXXXX
▌字体颜⾊
⼈们习惯阅读⿊、灰的⽂字，如果⽤其他颜⾊作为正⽂字体，会增加读者的阅读负担。
所以，⼀般选择⿊⾊字体，但不要选择默认的纯⿊（#000000），饱和度⾼，在⼿机上看很刺眼。
▌字体款式
字体款式没什么好说的，各个⼿机适配不⼀样，所以也是为了保险起见，默认即可。
▌字间距、⾏间距、两侧边距、对齐
G20 会标主创者⽅宏章在《关于⽂字的可阅读性》中说过这样⼀段话，很有参考意义：
每个字母之间必须有⼀定合理空间，如果字母之间的距离过于狭⼩，就像两个挨着很近的鸡蛋随时有可能相碰撞的危险，如果字母间距过⼤，那字母就会失去张⼒和紧张感，使得⽂字阅读变得乏味。
因此，字间距设置在 1 倍，不疏不密，刚刚好。
⾏间距也是同理，两⾏之间的距离不能太宽，也不能太拥挤，主流的是 1.5 倍或 1.75 倍。
两侧边距，适当缩进会让视线更集中，阅读更流畅，主流缩进是 16 。如果⽂章偏轻松，也可以选择 32 。
对齐，为了使⽂章更整洁，⼀般选择两端对齐，否则页⾯两端会出现凹凸不齐，好像被狗啃过的情况。
▌段落留⽩
⼀篇⽂章段落很长，满屏都是密密⿇⿇的字，读起来就会很吃⼒，注定被现代普遍缺乏注意⼒的读者给抛弃，所以我们要将⽂章分模块。
将长⽂按照逻辑结构或叙述节奏分成 3 ⾄ 5 个段落，再提炼⼩标题，就能减轻阅读压⼒。
⼩标题与上⽂之间留⽩，空 2 ⾏；与下⽂空 1 ⾏，这样能从视觉上把各个段落区分开。
句⼦间适当留⽩，能增加⽂章呼吸感。⼀般是 3 ⾄ 5 ⾏句⼦，空 1 格换⾏，这样更清爽、整洁，便于阅读。
如果句⼦超过 7 ⾏、甚⾄是 10 ⾏，⼿机就会满屏都是字，⿊压压的让⼈透不过⽓。
上下⽂和配图之间的留⽩则以空 1 ⾏为佳。如果不留⽩，图⽚与⽂字混在⼀起乱糟糟，空太多，⼜会显得稀疏。
▌突出重点
⼀篇⽂章中，如果字体⼤⼩、颜⾊都⼀样，那就看不出哪些是重点了。通过增⼤字号、改变⾊号、加粗能帮助读者掌握重点。
增⼤字号⼀般⽤在⼩标题上，作为整个段落的重点提炼，字号⽐正⽂⼤  3 号；也适⽤于情绪⽂的结尾，作为情绪放⼤器，帮助读者释放情绪，这时字号只需⽐正⽂⼤ 1 号。
器，帮助读者释放情绪，这时字号只需⽐正⽂⼤ 1 号。
改变⾊号的同时，⼀般默认加粗。⾊号讲究视觉排版的统⼀性，要跟主⾊调相搭，或者就是主⾊调。⼀篇⽂章内，⾊号最好出现 1 种，不能超过 3 种。
加粗也能单独使⽤。下划线、斜体是英⽂环境下的产物，⼀般不建议使⽤。
需要的注意是，⽂章内全是重点反⽽没有重点，1 屏内重点强调部分不能太多，⼀句话、⼏个词⾜以。
注释性⽂字，⾏数可以多⼀点，但⼀般也不超过 3 ⾏。
字号可以选择：12px（12px⽰例⽰例）、13px（13px⽰例⽰例）
⾊号选择灰⾊调： #a5a5a5（XXXX）、 #7f7f7f（XXXX）
▌中英⽂、数字混排
中⽂和英⽂之间前后加 1 个空格，便于阅读：
我买了⼀台 HUAWEI ⼿机。
我们⽤ Facebook 联系吧！
中英⽂与数字间也是同理：
我买了⼀台苹果 12 ⼿机。
现在 iPhone 12 更新到了 IOS 14 。
05⽂章配图
⽂章内的每张配图都有其作⽤，并不是说随着作者的⼼情，觉得哪张图⽚好看就配哪张。
⼀般来说，配图有 3 点作⽤：
▌辅助说明
有些信息，单靠⽂字很难直观表达或过于复杂，为了便于读者理解，通过配图能进⾏解释说明、辅助理解。
▲配图⽰例
▌留⽩，减轻阅读压⼒
图⽚能打破视觉的单调性。如果⼀篇⽂章全是密密⿇⿇的字，会给读者很强的压迫感，让⼈兴趣索然。通过配图可以调节视线，给读者⼀点休息的空间，减轻疲惫感。
⼀般建议 3 屏⽂字 1 张配图，如果⽂章严谨性很强，则可以多⼏屏⽂字，甚⾄不要留⽩配图。
▌渲染情绪
在⽂章情绪⾼潮点，合适的配图能搭配⽂案，将情绪放⼤。
图⽚要与排版风格统⼀，不能⼀下⼦⽂艺风，⼀下⼦⼜是恶搞风，会给⽂章造成撕裂感。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。