这里是工作狂的聚集地
职场
学术
新媒体
设计
极客
特立独行的排版，是怎样炼成的？
不少读者都在后台留言说，JZ 的排版和他们所知的许多公众号非常不一样。那么，JZ 特立独行的排版是怎么制作的呢？
前两天，我的好友阿禅在「可能吧」上介绍了《可能吧的文章是如何排版的？》，文章里他说目前用 Markdown 的语法大大简化了排版过程。读者可能会发现，这篇文章下面有我的留言，谈到了一种我在考虑开发的插件式一键渲染方法——通过提供 MD 的 CSS 渲染模版，只需要按下组合键就可以完成预设风格的排版。
当然，JZ 目前采用的不是「可能吧」式 MD 排版，而是标准的企业级 HTML5 模块排版。具体的操作会比较专业，有兴趣的读者可以回复“报名”在上海参加线下培训。
如果你是企业账号运营者，建议你非常仔细阅读这篇文章。JZ 作为微信行业中的版式设计领军厂牌，在给其他企业订制高级排版规范的时候，都统一使用这套排版规范。
使用 HTML 编辑器排版
JZ 有一套自己的 VI，而这套 VI 是基于 HTML 代码设计的。如图，它们包括▼
所以在排版时，我们建议使用 135编辑器。首先将完整代码贴入，随后根据需要进行删改。或者当我们需要新增一个局部模块时，就复制对应模块代码，替换代码的部分内容。
如摘要样式▼
摘要样式
代码如下：
摘要样式
大标题样式▼
大标题
代码如下：
大标题
如果我要修改文字，只需把代码里的文字替换成另一段文字即可；如果修改文字样式，也可以直接使用 135编辑器 的文字样式修改功能。
通常，我都会先选择把文章在 135编辑器 中排好，排版正式完成再复制到微信后台。
细心一点
要做出一个好的排版效果，需要排版者非常注意细节和排版规范。 比如 JZ 的排版，就要注意以下但不仅限于以下细节：
文字
正文字号 14 px，标注关键词、箭头换颜色；
不同样式的功能不同，要根据文章内容进行选择。比如说：
这个是文字引用
这个是大标题
这个是小标题
引用文字或总结部分，用蓝色特殊页面板块；引用当小标题，用引用样式；
图片/视频和文字的间距固定，图片上方空一行，下方空两行；
注意字距和标点符号的使用规范，具体请见《中文排版指南（有点变态）》；
尾部关键词需要保证整行文字一样长。
图片&视频
不管是头图子图 icon，还是图片本身，都要确保图片画质（这里给到一个技巧，大多数位图格式如 .jpg/.png 在上传微信后，正文内的画质都会被压缩，但其实如果你把静态图导出为静态.gif 格式，微信就不会压缩画质）；
图片先插在 135编辑器样式内，再复制在后台；
如果是第一次做的文章，先将图片插在 135编辑器内，再复制在微信后台； 如果是微信里排好的文章，需要改动位置的话，图片就要重新插入；
直接插视频，不插链接。
那我是怎么记住这些要求的呢？我做了一个思维导图，整理排版思路，排版完对着导图检查，确保不出纰漏。▼
这个方法也可以给微信小编们借鉴一下。
聪明一点
排版不仅仅训练的是排版能力本身，还有对文字内容的把控力、考虑用户体验的能力等。在 JZ 文章的排版乃至任何文章的排版过程，都需要充分理解文章内容，并且换位思考读者的感受。
一个用户打开自己订阅的公众号推送的文章，需要看到三个窗口。
首先出现在第一个窗口的是标题，它决定一篇文章是否足够吸引读者打开。▼
在单图文情况下，引语会出现在第二个窗口。▼
它也会出现在文章分享到好友的缩略界面上。两者共同决定了读者对文章的第一印象。▼
因此，标题和引语需要反复斟酌。引语用一句话介绍文章内容，不能与正文部分有较大重复。
而摘要，首先出现在第三个窗口。这个窗口也决定了用户会不会拉下来继续看。由于在手机上，第一屏显示了正文前面的部分，如果足够吸引读者，他们就会继续往下看。▼
所以摘要和文章的开头部分也需要斟酌。
另外，排版时也需要全面理解文章内容，头图、子图 icon 的选取，根据文章内容而变。
想学习标题和引语的写作技巧？
JZ 近日将在北京开展《奔向 10W ！—— 新媒体顶尖文案训练营》线下课，不仅会更详细地介绍标题党的科学养成方式，还会介绍 JZ 曾创下的两日 170W 阅读事件，以及全面解剖行业大号成功的秘诀。报名请扫下方二维码▼
其他你会感兴趣的内容
回复 VI看图文排版视觉系统原理
回复 排版学习超高颜值排版技巧
回复 大V 探讨微信大号运营策略
设计、培训、运营等合作请致电
TEL：（021）3721 8818
除了干货，其他什么也没有
这里是工作狂的聚集地
职场
学术
新媒体
设计
极客
特立独行的排版，是怎样炼成的？
不少读者都在后台留言说，JZ 的排版和他们所知的许多公众号非常不一样。那么，JZ 特立独行的排版是怎么制作的呢？
前两天，我的好友阿禅在「可能吧」上介绍了《可能吧的文章是如何排版的？》，文章里他说目前用 Markdown 的语法大大简化了排版过程。读者可能会发现，这篇文章下面有我的留言，谈到了一种我在考虑开发的插件式一键渲染方法——通过提供 MD 的 CSS 渲染模版，只需要按下组合键就可以完成预设风格的排版。
当然，JZ 目前采用的不是「可能吧」式 MD 排版，而是标准的企业级 HTML5 模块排版。具体的操作会比较专业，有兴趣的读者可以回复“报名”在上海参加线下培训。
如果你是企业账号运营者，建议你非常仔细阅读这篇文章。JZ 作为微信行业中的版式设计领军厂牌，在给其他企业订制高级排版规范的时候，都统一使用这套排版规范。
使用 HTML 编辑器排版
JZ 有一套自己的 VI，而这套 VI 是基于 HTML 代码设计的。如图，它们包括▼
所以在排版时，我们建议使用 135编辑器。首先将完整代码贴入，随后根据需要进行删改。或者当我们需要新增一个局部模块时，就复制对应模块代码，替换代码的部分内容。
如摘要样式▼
摘要样式
代码如下：
摘要样式
大标题样式▼
大标题
代码如下：
大标题
如果我要修改文字，只需把代码里的文字替换成另一段文字即可；如果修改文字样式，也可以直接使用 135编辑器 的文字样式修改功能。
通常，我都会先选择把文章在 135编辑器 中排好，排版正式完成再复制到微信后台。
细心一点
要做出一个好的排版效果，需要排版者非常注意细节和排版规范。 比如 JZ 的排版，就要注意以下但不仅限于以下细节：
文字
正文字号 14 px，标注关键词、箭头换颜色；
不同样式的功能不同，要根据文章内容进行选择。比如说：
这个是文字引用
这个是大标题
这个是小标题
引用文字或总结部分，用蓝色特殊页面板块；引用当小标题，用引用样式；
图片/视频和文字的间距固定，图片上方空一行，下方空两行；
注意字距和标点符号的使用规范，具体请见《中文排版指南（有点变态）》；
尾部关键词需要保证整行文字一样长。
图片&视频
不管是头图子图 icon，还是图片本身，都要确保图片画质（这里给到一个技巧，大多数位图格式如 .jpg/.png 在上传微信后，正文内的画质都会被压缩，但其实如果你把静态图导出为静态.gif 格式，微信就不会压缩画质）；
图片先插在 135编辑器样式内，再复制在后台；
如果是第一次做的文章，先将图片插在 135编辑器内，再复制在微信后台； 如果是微信里排好的文章，需要改动位置的话，图片就要重新插入；
直接插视频，不插链接。
那我是怎么记住这些要求的呢？我做了一个思维导图，整理排版思路，排版完对着导图检查，确保不出纰漏。▼
这个方法也可以给微信小编们借鉴一下。
聪明一点
排版不仅仅训练的是排版能力本身，还有对文字内容的把控力、考虑用户体验的能力等。在 JZ 文章的排版乃至任何文章的排版过程，都需要充分理解文章内容，并且换位思考读者的感受。
一个用户打开自己订阅的公众号推送的文章，需要看到三个窗口。
首先出现在第一个窗口的是标题，它决定一篇文章是否足够吸引读者打开。▼
在单图文情况下，引语会出现在第二个窗口。▼
它也会出现在文章分享到好友的缩略界面上。两者共同决定了读者对文章的第一印象。▼
因此，标题和引语需要反复斟酌。引语用一句话介绍文章内容，不能与正文部分有较大重复。
而摘要，首先出现在第三个窗口。这个窗口也决定了用户会不会拉下来继续看。由于在手机上，第一屏显示了正文前面的部分，如果足够吸引读者，他们就会继续往下看。▼
所以摘要和文章的开头部分也需要斟酌。
另外，排版时也需要全面理解文章内容，头图、子图 icon 的选取，根据文章内容而变。
想学习标题和引语的写作技巧？
JZ 近日将在北京开展《奔向 10W ！—— 新媒体顶尖文案训练营》线下课，不仅会更详细地介绍标题党的科学养成方式，还会介绍 JZ 曾创下的两日 170W 阅读事件，以及全面解剖行业大号成功的秘诀。报名请扫下方二维码▼
其他你会感兴趣的内容
回复 VI看图文排版视觉系统原理
回复 排版学习超高颜值排版技巧
回复 大V 探讨微信大号运营策略
设计、培训、运营等合作请致电
TEL：（021）3721 8818
除了干货，其他什么也没有