美文网首页
微信排版

微信排版

作者: 水鸟归巢 | 来源:发表于2019-10-14 19:12 被阅读0次

文章为微信排版的学习笔记

markdown语法

标题

以#个数表示层级标题1-6;一二级标题也有其他方法。

一级
===
二级
---

一级

二级

段落

两次回车(有些是一次回车)

分行

shift+enter(有些是回车即可)

超链接

[文字](url)
<url>
<邮箱号>

图片

![]()
推荐图床:路过图床

列表

无序
-空格
*空格

有序

tab缩进层级

引用块

>空格
>>空格多重引用

强调

加粗
**文字**
__文字__双短下划线
斜体
*文字*
_文字_

代码块

单行`;段代码

分割线

***
---

缩进

半角空格 &ensp;&#8194
全角空格&emsp;&#8195
不换行空格&#nbsp&#160

设计规范要素

  1. 配色方案
  • 包括彩色系和无彩色系
  • 彩色系不超过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,强调类型使用加粗。

行动呼唤区块


  1. 价值定位区块
  • 提供关于公众号的竞争优势,用户价值等信息
  • 通常是关于公众号的一句话简介
  • 公式:目标用户+痛点问题+解决方式
  • 表现形式:文章头图、作者名称
    微信封面首图:900*500px;第二章图片起200*200px
    内容图片宽640px
    头图1920*320px
    推荐网站: 创客贴
    镝次元数据
    鸭圈雅思

  1. 导语区块应用
  • 一般出现在文章头部
  • 用于表示创作背景、写作动机或构造悬念
  • 通常表现形式为左边框、右缩进
  • 正文中的引用与导语区块功能相似

  1. 标题区块
  • 不超过3个级别
  • 2个级别的使用频率最高
  • 字体:放大、加粗、加主色
  • 对齐:左对齐或居中
  • 其他修饰风格各异

  1. 正文区块
  • 文章主体创建设计氛围的重要载体
  • 公众号默认字体为16px
  • 默认颜色为#3e3e3e
  • 支持字体有限,可自定义英文字体(一般为Avenir)
  • 正文字体15px;颜色#333333;行距1.8em比较合适

  1. 强调文本区块
  • 用于突出重点、表明身份等场景
  • 具体的表现形式为加粗、倾斜、加主色、放大、下划线等,按文本需要进行混合
  • 最常用的是加粗、加主色
  • 外站超链接无法使用时,对链接进行强调

  1. 行动呼唤区块
  • 一般放置于文末,是所有文章的最终目的
  • 常用形式为二维码扫描、商品购买、原文链接、相关阅读
  • 通常需要进行额外的图片设计和度量
  • 二维码扫描的形式会再次加入经过变形的价值定位其他文章链接

markdown应用于样式

插件:markdown here 下载地址
短视频网址: Pexels
一键渲染:让微信排版变nice
      程序员DD-常用工具

相关文章

  • 原创:内容如何排版编辑出优美的文章

    微信公众平台排版编辑器专业强大的微信公众平台在线编辑排版工具,提供手机预览功能,让用户在微信图文 、文章、内容排版...

  • 微信排版

    ipaiban 软件 图文标题

  • 微信排版

    1、段间留白 首行缩进两个字,段和段之间不空行,这是一个从传统纸质书写留下来的习惯,这个原则拿到网络上来,尤其是手...

  • 微信排版

    文章为微信排版的学习笔记 markdown语法 标题 以#个数表示层级标题1-6;一二级标题也有其他方法。 一级二...

  • 编辑器|微助点微信编辑器排版攻略!

    使用过很多的微信编辑器,有96编辑器、秀米图文排版、135微信编辑器、小蚂蚁、I排版、62微信编辑器、微助点微信编...

  • 微信编辑器,小蚂蚁编辑器,图文排版在线使用无需下载

    小蚂蚁微信编辑器是一款微信在线排版小助手,专业提供微信图文素材编辑模板,致力于微信文章排版美化,大幅度提供微信图文...

  • 微信图文排版文字

    排版工具介绍 秀米,i排版,易点微信编辑器,135微信编辑器,96微信编辑 1,投图---2,作者信息---3,分...

  • 微信排版不好看?

    今天来说说微信排版问题吧,做新媒体运营,除了标题、文章内容、用户运营以外,排版也是重要的板块之一。 微信排版还是看...

  • 新媒体学习小记

    微信图文编辑排版 了解图文排版工具 微信图文排版工具简介 秀米、(字间距1,行间距2,段落为8像素,两端对齐,字号...

  • 96编辑器教您微信排版的六大技巧!

    对于微信排版,今天给大家带来一些微信排版的小技巧,微信排版要遵循以下六大原则! 现在很多用户都有自己的公众号,可以...

网友评论

      本文标题:微信排版

      本文链接:https://www.haomeiwen.com/subject/dvbrmctx.html