微信公众平台丨正文排版

木笔花花似遍野

• 笔墨排版
  
• 标题排版
  
• 段落排版
  
• 细节处置惩罚
  

内容排版的根本要求：轻易阅读

• 轻易看：阅读的时间不轻易受到干扰
  
• 轻易明白：不必要花太多时间精神去意会文章的内容
  

轻易明白的两个阅读场景

• 沉醉式阅读：故事小说型、哲学性思索范例
  
• 碎片化阅读
  
  
  
  • 可读性：作品得当阅读的水平，更多表现在文章内容代价上；
    
  • 易读性：文章阅读时的轻松和舒服水平，可否轻松地辨认笔墨，然后符合地欣赏整篇文章。
    
  
  

做到轻易阅读的要求

• 对文章要有充足的明白
  
• 站在读者的态度思量排版的设置
  
  

笔墨排版

明白排版方向的 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












更多分享

共享条记

• IT 相干丨SEO 零底子教程
  
  
• IT 相干丨PHP 全栈底子
  
  
• 计划相干丨计划的根本规则
  
• 运营相干丨市场营销学
  
• 手绘相干丨绘画举动的科学原理
  

服从工具

• AutoCAD 2018（附软件+注册机）
  
• AdobeCC 2018 破解全系列（WIN+MAC）
  
• Office 2019 早期预览版（免激活）
  
• 免费看 VIP 视频，高速下载百度云，免费听高清网易云音乐...（tampermonkey 脚本入门）
  
  
• Bridge 与全局调色法（拍照后期）
  
• 常用图片素材网站与处置惩罚工具
  
  

小众影戏

• 荒原生存丨我想那么年轻，干净，那么寥寂地在世，直到可以忽然失落在马路上的那一天
  
• 嚎叫丨我瞥见这一代最良好的头脑毁于疯狂
  
• 小丛林丨生存是蕴含在细水长流里的漂亮和孤独
  
• 那些五脊六兽的日子丨看上去很美的太阳照常升起
  
• 海盗电台丨这里没有小清新式的情色，只有重新皮燃到脚趾的高潮