图文排版指南(附实操细节)
图⽂排版指南(附实操细节)
导读:如何设计优质的⽂章排版?本⽂将从排版⽬的、排版风格、VI、⽂字、配图、头尾引导等多⽅⾯分块阐述。
正⽂
⽂章来源于番茄运营,作者三⼗
⽂章排版如何变美?
追求美,是⼈与⽣俱来的本能。在任何地⽅皆是。
新媒体阅读场景下,美的排版与好的内容相辅相成。
试想下,你在碎⽚化阅读场景中,看着满屏密密⿇⿇、花枝招展的⽂字,纵使内容优质,阅读兴致也会寥寥。
好排版⼀定是给内容锦上添花,塑造美好阅读体验的。
普通人千万不要买基金
如何设计优质的⽂章排版?本⽂将从排版⽬的、排版风格、VI、⽂字、配图、头尾引导等多⽅⾯
分块阐述。
01排版⽬的
▌减轻读者压⼒
碎⽚化阅读场景下,读者刷的场景复杂多变,可能会在被窝、公交地铁、排队吃饭、上班摸鱼,甚⾄厕所蹲坑。
在这种随时可能被打断,终⽌阅读的场景下,如何让读者保持⾼度注意⼒成了关键。
优质的排版⼀定是以读者阅读体验为前提,减轻阅读压⼒,让读者看得舒服,看得轻松。
⼀昧注重排版样式的多变、内容模块的复杂就会本末倒置。
▌增加读者阅读效率
⽣活节奏越来越快,读者专⼼阅读的时间越来越少。如果⽂章逻辑性不强、结构冗杂,读者就会没有⾜够的耐⼼逐字逐句阅读。
排版,能把⽂章的逻辑理顺,将内容概述、重点词句展现,能让读者在最短的时间内理解⽂章所传达
的意思。
▌加深读者对的认知
⼈们常说见字如⼈,其实不只是字,很多东西都是形象的延伸。
⽂章中的⽂字⾊调、配图风格、头尾引导等排版模块,都会影响读者对或品牌的认知。
排版风格是逗⽐的,读者会认为作者拥有⼀个有趣的灵魂;排版风格是严肃的,就会认为很靠谱。
风格是⼀个长期逐渐形成的过程,只有长期保持⼀个风格,才会加深读者的认知。
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
⼩标题字号⼀般⽐正⽂⼤ 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 种,不能超过 3 种。
加粗也能单独使⽤。下划线、斜体是英⽂环境下的产物,⼀般不建议使⽤。
需要的注意是,⽂章内全是重点反⽽没有重点,1 屏内重点强调部分不能太多,⼀句话、⼏个词⾜以。
注释性⽂字,⾏数可以多⼀点,但⼀般也不超过 3 ⾏。
字号可以选择:12px(12px⽰例⽰例)、13px(13px⽰例⽰例)
⾊号选择灰⾊调: #a5a5a5(XXXX)、 #7f7f7f(XXXX)
▌中英⽂、数字混排
中⽂和英⽂之间前后加 1 个空格,便于阅读:
我买了⼀台 HUAWEI ⼿机。
我们⽤ Facebook 联系吧!
中英⽂与数字间也是同理:

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