这是一篇适合新媒体学习者收藏,长期查阅的排版宝典,文章很长,干货很多,建议先用10秒快速滑屏到文章末尾,点个好看,收藏转发。
01.
学习排版前,我们需要了解的东西
1. 保证推文美观流畅,减轻用户阅读压力。
用户阅读的时候往往是欣赏你的内容,但如果你的文章整篇都没有排版过,一长串密密麻麻,第一感觉会让人厌烦,没多少人会继续阅读下去。
2. 清晰传达文章有价值的信息,提高阅读效率
通篇文章如果没有将重点信息提取出来,用户阅读效率会很低,甚至容易错过关键信息,对标题、关键句等逻辑句进行排版,可以大大提高用户阅读效率。
以一周进步、深夜发媸、杂乱无章为例,各自都有其特色的排版风格,对于用户而言会形成阅读习惯,阅读时会十分舒适。
一周进步主要内容为干货分享,图文以简约清晰排版,舒服地将实用内容传达给用户。
一周进步 · 排版样式
深夜发媸提供美妆时尚内容,排版风格往往设计感十足,从推文封面、内容排版到图片设计都充满了设计性,颜色往往比较吸引人,十分符合其平台定位。
深夜发媸 · 排版样式
杂乱无章 · 排版样式
排版前,需要思考的问题
b.如果你是一个以故事、话题、观点为内容的账号,排版会更加文艺,字体会偏小,图片会采用影视截图及插画为主。
左右滑动查看更多
GQ / 不会画出版社 · 排版样式
一周进步 · 排版样式
3. 你需要掌握什么技能?
审美·能力,排版是一个需要反复预览的过程,站在读者的角度阅读文章,看看阅读起来舒不舒服,因此要有一个自己对“排版好看”的定义。
探索自学能力,日常看到优质的排版案例,必须保持积累和学习更多排版方式,利用碎片收藏和定期整理,掌握其排版思路和工具使用,以此借鉴优化。
02.
排版组成
正常工作分工下,一篇推文的排版需要完成内包装及外包装两个部分,外包装包括推文的封面和标题摘要,内包装则包括了顶部图片、正文排版和尾部组件三个部分。
封面设计,推文的门面。
封面图的作用,主要有两个。
① 吸引用户打开率
② 增强设计统一性
向上滑动即可
封面图设计注意要点
其中,用户在订阅号界面接收推送封面图,主要有三种形式。
去年信息流更新后,推文封面图在短时间内更新了5次,好消息是2019以来的:近期封面图,没有更新,版式尺寸也趋于稳定统一。
具体参数见后
由于当前封面的组成并不只有封面图,文字阴影及阅读人数的显示,也会影响着封面信息传达的效果,我们需要对此做标题、图片、星标三者同时进行适配,这里给大家分享几招。
a. 控制字数
推文标题最多可以输入64个中文字符,但我们在取标题的时候只要把重要信息放置在封面即可,数量控制在20字内最佳。
b. 用好图片,少用文字
优质的图片一般都有这两个特点:
高清,无版权可商用
I. 高清
普遍搜索到的图片清晰度总是不怎么让人满意,过于小的图片放大之后模糊会让人有种不安全感,并且无法进行结合排版处理的更加美观,所以我们需要高清图片。
II. 无版权可商用
百度,搜狗之类的常用搜索引擎,搜索出来的图片往往都携带着版权,如果不经过商用授权直接使用,在国家越来越重视版权的前提下,赔偿额也愈发触目惊心。
所以,我们需要使用遵循CC0协议的无版权可商用的高清图片。
用好图尤为重要,过往介绍过很多网站,在后文也会提供相关可商用图片版权。
C. 提醒星标
再次强调星标,有星标与无星标对封面的阅读有非常大的关系,星标能够看到整张设计的封面图,能够大大提高打开率。
文本排版,简洁而流畅。
文字部分,占据了推文80%以上的内容,可以有很多种排版参数可以选择,包括了文字字体、大小、颜色、形态、对齐、以及特殊符合等多种排版。
① 字体
一般情况下,排版推文的字体是默认字体,中规中矩,但其实推文的字体也是可以调整的。
水韬呀 / 槽值 · 排版样式
至于具体字体大小,建议正文取14-16为最佳选择。
14号字体偏小,比较文艺清新;
15号字体中规中矩,看着舒服;
② 形态
利用形态的改变,适当使用可以丰富枯燥单一的排版。
浪潮工作室 / 杂乱无章 · 排版样式
③ 颜色
排版文本的时候,要注意颜色搭配。
主要遵循两个原则:大体保持统一,个别使用特殊色强调。
字体颜色尽量不超过三种,颜色不要选取太亮的颜色,例如纯黑,纯红,亮红配亮绿,都是不建议的,看久了眼睛难免会疲惫,不利于阅读。
建议使用字体颜色:
正文:选择亮度没这么高的字体,这是纯黑#000000#,比较偏灰会更加适合阅读#595757##3f3f3f#等
批注:选择比正文亮度还低,更加浅的浅灰色,例如#595959##888888##d6d6d6#
P.s:一篇推文尽量不要超过3种颜色
结合以上几点,我们可以将一段干巴巴的内容,完成基本的美化排版。
关于配色,再说一点,网上会有很多专业的配色知识的速成普及,用很专业的术语讲述,到最后你一尝试你会发现:配色车祸现场。
效率为先,满足工作就好,在这里直接推荐几个很好看的配色网站。
再推荐一个冷门小技巧。
https://www.sioe.cn/yingyong/yanse-rgb-16/
④ 小符号
合理运用小符号也可以给纯粹的文字排版,添加一丝不一样的味道,在这里也推荐一些比较好看的小符号。
后台回复「排版」,领取xxx
如果你想要搜索更多的小符号,给大家推荐两个实用小网站。
特殊符号(http://cn.piliapp.com/symbol/)
Emojy 表情包(http://bj.96weixin.com/emoji/)
⑤ 空格
a. 数字、英文、关键词前后空格
b. 文本背景色前后使用空格。
小空格,使信息展示更详细美观
留白艺术,产生呼吸感。
排版者的留白,一定程度上决定了文章的呼吸感,留白存在于字句、段落、页面等多个详细参数的设置。
① 对齐
两端缩进:适用于所有阅读性文章。
案例排版样式
我们只需要在文本复制后,找到两端对齐,轻轻一点即可。
这个时候我们只需要选择文本,设置一个两端对齐,我们就会发现,每行句末的文字和边距形成了一条无形的线,非常舒服。
左对齐:适合文艺的诗歌类推文或者辅助性语句标注。
诗歌号 /我要WhatYouNeed · 排版样式
居中对齐:适合文本信息流不多,戏多活泼的推文,例如短视频发布或者小技巧分享。
丁香医生 / 新媒体课堂 · 排版样式
杂乱无章 / 水韬呀 · 排版样式
②页边距
页边距,是文段与手机屏幕两边的距离,适当留白能够提升阅读的舒适感。
案例排版样式
③ 字间距
字间距,指的是文字之间的距离,默认间距是0,一般设置为0.5-1.5即可,标题或者单独文段信息可以使用更大的间距。
案例排版样式
④ 行间距
行间距,指的行与行之间的距离,行间距为1的文段不宜过长,否则文字间会过于紧迫,一般设置为1.5-1.75比较适合。
案例排版样式
⑤ 首行缩进
无缩进的排版更加适合手机阅读
擅用图片,一图胜千言。
影视截图
很多以表达观点的文章,都喜欢搜寻影视片段作为推文配图,一来是利用电影剧情加强推文主题,二来也能让文章更加文艺范。
杂乱无章 / ONE文艺生活 排版样式
① 优图网
www.youmeitu.com/dianyingjietu/
② 日常素材积累
利用微博或者其他社交工具,将看到的经典电影台词保存并给与归类,以备用时之需。
当然也可以在日常电脑端观看电影的时候进行经典语句的截图,其中不少播放器已经支持台词截图功能,在这里以腾讯视频为例。
利用台词拼图,so easy~
插画