JZ 的文章是如何排版的？

這里是工作狂的聚集地

　　職場

　　學(xué)術(shù)

　　新媒體

　　設(shè)計

　　極客

　　特立獨行的排版，是怎樣煉成的？

　　不少讀者都在后臺留言說，JZ 的排版和他們所知的許多公眾號非常不一樣。那么，JZ 特立獨行的排版是怎么制作的呢？

　　前兩天，我的好友阿禪在「可能吧」上介紹了《可能吧的文章是如何排版的？》，文章里他說目前用 Markdown 的語法大大簡化了排版過程。讀者可能會發(fā)現(xiàn)，這篇文章下面有我的留言，談到了一種我在考慮開發(fā)的插件式一鍵渲染方法——通過提供 MD 的 CSS 渲染模版，只需要按下組合鍵就可以完成預(yù)設(shè)風(fēng)格的排版。

　　當然，JZ 目前采用的不是「可能吧」式 MD 排版，而是標準的企業(yè)級 HTML5 模塊排版。具體的操作會比較專業(yè)，有興趣的讀者可以回復(fù)“報名”在上海參加線下培訓(xùn)。

　　如果你是企業(yè)賬號運營者，建議你非常仔細閱讀這篇文章。JZ 作為微信行業(yè)中的版式設(shè)計領(lǐng)軍廠牌，在給其他企業(yè)訂制高級排版規(guī)范的時候，都統(tǒng)一使用這套排版規(guī)范。

　　使用 HTML 編輯器排版

　　JZ 有一套自己的 VI，而這套 VI 是基于 HTML 代碼設(shè)計的。如圖，它們包括▼

　　所以在排版時，我們建議使用 135編輯器。首先將完整代碼貼入，隨后根據(jù)需要進行刪改?；蛘弋斘覀冃枰略鲆粋€局部模塊時，就復(fù)制對應(yīng)模塊代碼，替換代碼的部分內(nèi)容。

　　如摘要樣式▼

　　摘要樣式

　　代碼如下：

摘要樣式

　　大標題樣式▼

　　大標題

　　代碼如下：

大標題

　　如果我要修改文字，只需把代碼里的文字替換成另一段文字即可；如果修改文字樣式，也可以直接使用 135編輯器的文字樣式修改功能。

　　通常，我都會先選擇把文章在 135編輯器中排好，排版正式完成再復(fù)制到微信后臺。

　　細心一點

　　要做出一個好的排版效果，需要排版者非常注意細節(jié)和排版規(guī)范。比如 JZ 的排版，就要注意以下但不僅限于以下細節(jié)：

　　文字

　　正文字號 14 px，標注關(guān)鍵詞、箭頭換顏色；

　　不同樣式的功能不同，要根據(jù)文章內(nèi)容進行選擇。比如說：

　　這個是文字引用

　　這個是大標題

　　這個是小標題

　　引用文字或總結(jié)部分，用藍色特殊頁面板塊；引用當小標題，用引用樣式；

　　圖片/視頻和文字的間距固定，圖片上方空一行，下方空兩行；

　　注意字距和標點符號的使用規(guī)范，具體請見《中文排版指南（有點變態(tài)）》；

　　尾部關(guān)鍵詞需要保證整行文字一樣長。

　　圖片&視頻

　　不管是頭圖子圖 icon，還是圖片本身，都要確保圖片畫質(zhì)（這里給到一個技巧，大多數(shù)位圖格式如 .jpg/.png 在上傳微信后，正文內(nèi)的畫質(zhì)都會被壓縮，但其實如果你把靜態(tài)圖導(dǎo)出為靜態(tài).gif 格式，微信就不會壓縮畫質(zhì)）；

　　圖片先插在 135編輯器樣式內(nèi)，再復(fù)制在后臺；

　　如果是第一次做的文章，先將圖片插在 135編輯器內(nèi)，再復(fù)制在微信后臺；如果是微信里排好的文章，需要改動位置的話，圖片就要重新插入；

　　直接插視頻，不插鏈接。

　　那我是怎么記住這些要求的呢？我做了一個思維導(dǎo)圖，整理排版思路，排版完對著導(dǎo)圖檢查，確保不出紕漏。▼