文字排版
标题排版
段落排版
细节处理
内容排版的基本要求:容易阅读
容易看:阅读的时候不容易受到干扰
容易理解:不需要花太多时间精力去领悟文章的内容
容易理解的两个阅读场景
沉浸式阅读:故事小说型、哲学性思考类型
碎片化阅读
可读性:作品适合阅读的程度,更多体现在文章内容价值上;
易读性:文章阅读时的轻松和舒适程度,能否轻松地识别文字,然后合适地浏览整篇文章。
做到容易阅读的要求
对文章要有足够的理解
站在读者的立场考虑排版的配置
明确排版方向的 3 个入口
内容价值:决定公众号的排版风格和方向
受众群体:影响阅读体验最首要的因素
阅读场合:影响读者阅读文章时的氛围
字号
先根据受众群体来定,最常用的正文字号:
14px:细腻、精致
15px:平淡、偏中性
16px:粗狂、不拘小节
18px:中老年字体
文字排版 = 标题文字 + 正文文字 + 补充说明文字
补充说明文字:10-14px,比正文小 2px,颜色比正文要浅
字体颜色
(一)颜色色值
RGB 色值
16 进制颜色码
参考:
(二)黑色字体
正文尽量不要使用纯黑色字体(个性、高冷、难控制),如果一定要用纯黑色字体时的处理技巧:多配图、多留白。
(三)灰色字体
深灰色:高识别度、易读性高、容易获取信息、阅读体验佳(推荐:#3E3E3E、#595959
浅灰色:低识别度、易读性较弱、版面更加柔和、视觉体验佳(推荐:#888888、#a5a5a5
行长
版面率:图片文字所占版面比例的大小
行长的 3 个影响:
片面效果
文字篇幅
眼球移动的速度和阅读速度(读者的阅读感觉/文章的风格类型
(一)行长控制方式:两端缩进
左右缩进(主要根据视觉效果和文章的风格类型来定
0、0.5、1:沉静、正经
2:轻松又沉静
3:轻快
(二)行长控制方式:断行
左对齐:有韵律感、文字易识别、沉静
居中对齐:轻松、自由、散漫
行间距
常用:1.5-2倍
默认:1.6倍
建议:1.75倍
字间距
建议:一般不需修改
推荐:0.5-1px
文章的分类
(一)文章标题
使用文章标题的场景
图文顶部内容和正文内容有明显的区域划分;
利用文章标题作为图文内外的链接人质,提高阅读过程的流畅性。
(二)正文标题
正文标题通常用得最多的就是一、二、三级,当然情况特殊可能会有更多级。
标题的格式
(一)加序号
纯序号:如,1、01、★、●
序号+小符号:如,-1-、/01/
序号+文字
(二)不加序号
纯文字
小符号+文字:如,▌、▶、●
标题的作用
增强逻辑性视觉引导。
一级标题:板块分割
二级标题:整合内容、完善文章整体架构
三级标题:要点的小总结或小概括,提高对内容的认识和理解
标题的设置
一级标题:独立板块,最显眼
二级标题:简单格式调整,便于读者注意到
三级标题:基本跟正文相同,用颜色/加粗来区分
标题样式
标题样式的来源主要有三种:文字符号样式、编辑工具样式、制图工具制作,这里主要讲制图工具制作的样式。
(一)logo 延伸样式
简化图标:将 logo 简化成图标(可从网上下载 icon 修改)
文字图标:文字+底纹/背景
延伸设计
(二)从公众号本身的风格去延伸
样式风格:手绘、简洁、符号...
(三)制图工具
PS:相对专业、不难学,可拓展性强
创客贴:简单操作,有更多参考样式
电脑自带画图工具:简单手绘,简单图片处理
PPT:方便、灵活,可操作性强
辅助工具:AI、VectorMagic
段落划分(段落长度)
长段落:按内容大意划分(不超过 7 行
短段落:按句子划分(不超过 3 行
段间距设置
亲密:不空行/空半行(序列、长段变短段、内容有强相关性
正常:空 1 行
疏远:空 2 行以上(与内容没有强烈的相关性、文末总结/题外话/问候语
段间距体现的不是内容的亲疏关系,而是一种情绪(犹豫、思考等场景),空行可加符号丰富版面。
段落与标题的段间距 = 正文与标题的段间距(1-2行)
对齐方式
左对齐:留白较大时使用(更加活泼、有韵律感
右对齐:短段落时使用(活泼、轻快
容易引起注意:大量留白,没有其他信息干扰
容易被忽视:周边信息比较多,左边留白不多
by/from:固定格式
居中对齐:短段落时使用(正经、沉稳
两端对齐:留白不大时使用(更加整齐、舒适
一般整篇固定一种对齐方式;使用两种对齐方式时,分主对齐和次对齐,版面看起来会更和谐;对齐要有序。
段落边距
段落边距就是行长(两端留白),主要有三种使用情况:
内容需求:导语、引用
阅读需求:长案例
逻辑需求:罗列
段落样式
样式选择:微信自带编辑器、其他编辑工具、一键排版
选择标准:贴合风格、符合表达需求、简单不花哨、版面和谐
常用代码标签:
图片:img
颜色:color
背景:background
字体:
属性:font-family
大小:font-size
颜色:font-color
字间距:letter-spacing
行间距:line-height
边距:margin(外)/ padding(内)
全文背景设置
附段落样式外,如果有设置全文背景的需要,也可以设置全文背景。
背景色
图片
逻辑架构:结构层次、段落亲疏
内容信息:对比(字号、粗细、颜色、留白大小、对齐方式),小符号( ▌、▶、▲、△),样式...
导语/引用
强调/弱化
说明...
视觉效果
视觉导向:序号、小符号、视觉落脚点
视觉体验:易读性
标点符号
避头点:本该出现在句中、词末的标点符号出现在句首
避尾点:本该出现在句首、词前的标点出现在句末
中文排版指南:http://w3c.github.io/clreq/#introduction
共享笔记
效率工具
小众电影
联系客服