微信排版
2019-10-14 本文已影响0人
水鸟归巢
文章为微信排版的学习笔记
markdown语法
标题
以#个数表示层级标题1-6;一二级标题也有其他方法。
一级
===
二级
---
一级
二级
段落
两次回车(有些是一次回车)
分行
shift+enter(有些是回车即可)
超链接
[文字](url)
<url>
<邮箱号>
图片
![]()
推荐图床:路过图床
列表
无序
-空格
*空格
有序
tab缩进层级
引用块
>空格
>>空格
多重引用
强调
加粗
**文字**
__文字__
双短下划线
斜体
*文字*
_文字_
代码块
单行`;段代码
分割线
***
---
缩进
半角空格  
或 
全角空格 
或 
不换行空格&#nbsp
或 
设计规范要素
- 配色方案
- 包括彩色系和无彩色系
- 彩色系不超过3种颜色;一般用于标题或强调
- 无彩色系黑白灰一般选用3、4个梯度;一般用于正文和引用中

配色方案
- 主:#00F9A5
- 辅:#232B2D
- 黑:#333333
- 中黑:#777777
- 中灰:#DDDDDD
- 灰:#FAFAFA
价值定位区块
导语区块
导语左边框使用厚度为3px,颜色为中灰#DDDDDD的实线,背景颜色使用灰#FAFAFA,字体大小为15px,字体颜色为中黑#777777。
二级标题区块
标题字体大小1.5em,颜色值为#232B2D,下边框使用厚度为1px,颜色为灰#DDDDDD的实线。
正文区块
正文字体大小为15px,颜色值为黑#333333,中文字体使用默认,英文字体是用Avenir,行距1.8em,上下边距为0.5em,左右边距1em。
强调文本区块
强调文本字体大小与类型与正文文本相同,但是颜色值使用#00F9A5,强调类型使用加粗。
行动呼唤区块
- 价值定位区块
- 提供关于公众号的竞争优势,用户价值等信息
- 通常是关于公众号的一句话简介
- 公式:目标用户+痛点问题+解决方式
- 表现形式:文章头图、作者名称
微信封面首图:900*
500px;第二章图片起200*
200px
内容图片宽640px
头图1920*320px
推荐网站: 创客贴
镝次元数据
鸭圈雅思
- 导语区块应用
- 一般出现在文章头部
- 用于表示创作背景、写作动机或构造悬念
- 通常表现形式为左边框、右缩进
- 正文中的引用与导语区块功能相似
- 标题区块
- 不超过3个级别
- 2个级别的使用频率最高
- 字体:放大、加粗、加主色
- 对齐:左对齐或居中
- 其他修饰风格各异
- 正文区块
- 文章主体创建设计氛围的重要载体
- 公众号默认字体为16px
- 默认颜色为#3e3e3e
- 支持字体有限,可自定义英文字体(一般为Avenir)
- 正文字体15px;颜色#333333;行距1.8em比较合适
- 强调文本区块
- 用于突出重点、表明身份等场景
- 具体的表现形式为加粗、倾斜、加主色、放大、下划线等,按文本需要进行混合
- 最常用的是加粗、加主色
- 外站超链接无法使用时,对链接进行强调
- 行动呼唤区块
- 一般放置于文末,是所有文章的最终目的
- 常用形式为二维码扫描、商品购买、原文链接、相关阅读
- 通常需要进行额外的图片设计和度量
- 二维码扫描的形式会再次加入经过变形的价值定位或其他文章链接
markdown应用于样式
插件:markdown here 下载地址
短视频网址: Pexels
一键渲染:让微信排版变nice
程序员DD-常用工具