图文消息排版规范及Markdown工具推荐

主要会包括一下几个内容

  1. 文字排版
  2. 主色调的选择
  3. 图片排版
  4. 表情
  5. 网页排版工具推荐
  6. Markdown工具的使用

文字排版

主要介绍以下几个内容

  1. 字号:正文的字号建议使用 16号字体,最小 不小于14号字。目前主流的字号主要是这两种,16号字看起来会稍微大一点,14号字看起来会比较精致。

  2. 行间距:无论使用14号字或者16号字,行间距建议都是 1.8倍。通常行间距建议是在 1.5~2.0 之间,建议大家尽可能使用1.8倍以上的间距。

  3. 字间距:建议设置在 0.5像数,字间距一般会设置在0.5~1.0像数之间。可以根据实际情况来调整。

  4. 页边距:设置在 12~15像数 之间,页边距的好处是让文字不会直接铺满屏幕,给人一种压抑的感觉。

  5. 对齐方式:在没有特殊的情况下,对齐方式都选择 两段对齐,这样会显得图文消息更加的整齐。

主色调的选择

我们以天下军武为例,我自己挑选了一些色调,色调主要包含一下几个部分:文字色 强调色 主色调

  1. 文字色:

    #AFAFAF 主要用于正文大段文字的显示

    #545454 主要用于正文文字的加粗

    #F3F3F3 主要用于背景为深色的情况下显示

  2. 强调色:

    #363636 主要用于标题等地方

    #FF2941 主要用于需要特殊强调的地方

  3. 主色调:

    #780A0F 文章整体的颜色需要靠近这个颜色

图文消息排版规范及Markdown工具推荐_第1张图片

图片排版

  1. 图片的比例

    16 : 9

    4 : 3

    1 : 1

  2. 图片的尺寸大小

    宽度 900像数以上,建议不小于640 像数

  3. 对齐方式

    居中对齐

表情

微信图文消息是支持emoji表情的,如果需要的情况下,可以添加表情来增加文章的趣味性

推荐一下两个网站大家可以使用:

96微信图文标题符号Emoji工具
http://bj.96weixin.com/emoji/

QQ地带Emoji表情代码大全
http://www.oicqzone.com/tool/emoji/

网页排版工具推荐

我们公司主要使用的是一下工具

秀米

Markdown工具推荐

为大家推荐MArkdown来编辑图文消息,该工具目前是主流文字工作的推荐使用工具,接下来为大家介绍一下

1. Markdown是什么?

Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的 HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。

2. 使用 Markdown 的优点

  • 纯文本,所以兼容性极强,可以用所有文本编辑器打开

  • 让你专注于文字而不是排版

  • 格式转换方便,Markdown 的文本你可以轻松转换为 html、电子书等

  • 结构清晰,排版美观,易读性强

3. 使用Markdown的语法

  • 标题 - 一级标题在标题前使用一个#,二级标题前使用两个##,以此类推,最多支持六级标题

  • 正文 - 直接输入文字即可

  • 加粗 - 在需要加粗文字的前后增加两个*

  • 斜体 - 在需要加斜体文字前后增加一个*

  • 应用 - 在引用前加>

  • 缩进 - 在段落前按tab键即可

  • 换行 - 我们需要插入一个空行

    我是新一段的开始。

4. 如何把Markdown里的内容添加到微信图文里

利用谷歌浏览器插件 Markdown here

我们把markdown里的内容复制到微信的编辑器中

图文消息排版规范及Markdown工具推荐_第2张图片

点击谷歌浏览器上的Markdown here按钮,图文编辑里的内容就会按我们设定好的样式显示出来

图文消息排版规范及Markdown工具推荐_第3张图片

是不是非常的简单快捷,嘻嘻(*__*)

你可能感兴趣的:(图文消息排版规范及Markdown工具推荐)