這里是工作狂的聚集地 職場(chǎng) 學(xué)術(shù) 新媒體 設(shè)計(jì) 極客 特立獨(dú)行的排版,是怎樣煉成的? 不少讀者都在后臺(tái)留言說(shuō),JZ 的排版和他們所知的許多公眾號(hào)非常不一樣。那么,JZ 特立獨(dú)行的排版是怎么制作的呢? 前兩天,我的好友阿禪在「可能吧」上介紹了《可能吧的文章是如何排版的?》,文章里他說(shuō)目前用 Markdown 的語(yǔ)法大大簡(jiǎn)化了排版過(guò)程。讀者可能會(huì)發(fā)現(xiàn),這篇文章下面有我的留言,談到了一種我在考慮開(kāi)發(fā)的插件式一鍵渲染方法——通過(guò)提供 MD 的 CSS 渲染模版,只需要按下組合鍵就可以完成預(yù)設(shè)風(fēng)格的排版。 當(dāng)然,JZ 目前采用的不是「可能吧」式 MD 排版,而是標(biāo)準(zhǔn)的企業(yè)級(jí) HTML5 模塊排版。具體的操作會(huì)比較專業(yè),有興趣的讀者可以回復(fù)“報(bào)名”在上海參加線下培訓(xùn)。 如果你是企業(yè)賬號(hào)運(yùn)營(yíng)者,建議你非常仔細(xì)閱讀這篇文章。JZ 作為微信行業(yè)中的版式設(shè)計(jì)領(lǐng)軍廠牌,在給其他企業(yè)訂制高級(jí)排版規(guī)范的時(shí)候,都統(tǒng)一使用這套排版規(guī)范。 使用 HTML 編輯器排版 JZ 有一套自己的 VI,而這套 VI 是基于 HTML 代碼設(shè)計(jì)的。如圖,它們包括▼ 所以在排版時(shí),我們建議使用 135編輯器。首先將完整代碼貼入,隨后根據(jù)需要進(jìn)行刪改。或者當(dāng)我們需要新增一個(gè)局部模塊時(shí),就復(fù)制對(duì)應(yīng)模塊代碼,替換代碼的部分內(nèi)容。 如摘要樣式▼ 摘要樣式 代碼如下: 摘要樣式 大標(biāo)題樣式▼ 大標(biāo)題 代碼如下: 大標(biāo)題 如果我要修改文字,只需把代碼里的文字替換成另一段文字即可;如果修改文字樣式,也可以直接使用 135編輯器 的文字樣式修改功能。 通常,我都會(huì)先選擇把文章在 135編輯器 中排好,排版正式完成再?gòu)?fù)制到微信后臺(tái)。 細(xì)心一點(diǎn) 要做出一個(gè)好的排版效果,需要排版者非常注意細(xì)節(jié)和排版規(guī)范。 比如 JZ 的排版,就要注意以下但不僅限于以下細(xì)節(jié): 文字 正文字號(hào) 14 px,標(biāo)注關(guān)鍵詞、箭頭換顏色; 不同樣式的功能不同,要根據(jù)文章內(nèi)容進(jìn)行選擇。比如說(shuō): 這個(gè)是文字引用 這個(gè)是大標(biāo)題 這個(gè)是小標(biāo)題 引用文字或總結(jié)部分,用藍(lán)色特殊頁(yè)面板塊;引用當(dāng)小標(biāo)題,用引用樣式; 圖片/視頻和文字的間距固定,圖片上方空一行,下方空兩行; 注意字距和標(biāo)點(diǎn)符號(hào)的使用規(guī)范,具體請(qǐng)見(jiàn)《中文排版指南(有點(diǎn)變態(tài))》; 尾部關(guān)鍵詞需要保證整行文字一樣長(zhǎng)。 圖片&視頻 不管是頭圖子圖 icon,還是圖片本身,都要確保圖片畫質(zhì)(這里給到一個(gè)技巧,大多數(shù)位圖格式如 .jpg/.png 在上傳微信后,正文內(nèi)的畫質(zhì)都會(huì)被壓縮,但其實(shí)如果你把靜態(tài)圖導(dǎo)出為靜態(tài).gif 格式,微信就不會(huì)壓縮畫質(zhì)); 圖片先插在 135編輯器樣式內(nèi),再?gòu)?fù)制在后臺(tái); 如果是第一次做的文章,先將圖片插在 135編輯器內(nèi),再?gòu)?fù)制在微信后臺(tái); 如果是微信里排好的文章,需要改動(dòng)位置的話,圖片就要重新插入; 直接插視頻,不插鏈接。 那我是怎么記住這些要求的呢?我做了一個(gè)思維導(dǎo)圖,整理排版思路,排版完對(duì)著導(dǎo)圖檢查,確保不出紕漏。▼ 這個(gè)方法也可以給微信小編們借鑒一下。 聰明一點(diǎn) 排版不僅僅訓(xùn)練的是排版能力本身,還有對(duì)文字內(nèi)容的把控力、考慮用戶體驗(yàn)的能力等。在 JZ 文章的排版乃至任何文章的排版過(guò)程,都需要充分理解文章內(nèi)容,并且換位思考讀者的感受。 一個(gè)用戶打開(kāi)自己訂閱的公眾號(hào)推送的文章,需要看到三個(gè)窗口。 首先出現(xiàn)在第一個(gè)窗口的是標(biāo)題,它決定一篇文章是否足夠吸引讀者打開(kāi)。▼ 在單圖文情況下,引語(yǔ)會(huì)出現(xiàn)在第二個(gè)窗口。▼ 它也會(huì)出現(xiàn)在文章分享到好友的縮略界面上。兩者共同決定了讀者對(duì)文章的第一印象。▼ 因此,標(biāo)題和引語(yǔ)需要反復(fù)斟酌。引語(yǔ)用一句話介紹文章內(nèi)容,不能與正文部分有較大重復(fù)。 而摘要,首先出現(xiàn)在第三個(gè)窗口。這個(gè)窗口也決定了用戶會(huì)不會(huì)拉下來(lái)繼續(xù)看。由于在手機(jī)上,第一屏顯示了正文前面的部分,如果足夠吸引讀者,他們就會(huì)繼續(xù)往下看。▼ 所以摘要和文章的開(kāi)頭部分也需要斟酌。 另外,排版時(shí)也需要全面理解文章內(nèi)容,頭圖、子圖 icon 的選取,根據(jù)文章內(nèi)容而變。 想學(xué)習(xí)標(biāo)題和引語(yǔ)的寫作技巧? JZ 近日將在北京開(kāi)展《奔向 10W !—— 新媒體頂尖文案訓(xùn)練營(yíng)》線下課,不僅會(huì)更詳細(xì)地介紹標(biāo)題黨的科學(xué)養(yǎng)成方式,還會(huì)介紹 JZ 曾創(chuàng)下的兩日 170W 閱讀事件,以及全面解剖行業(yè)大號(hào)成功的秘訣。報(bào)名請(qǐng)掃下方二維碼▼ 其他你會(huì)感興趣的內(nèi)容 回復(fù) VI看圖文排版視覺(jué)系統(tǒng)原理 回復(fù) 排版學(xué)習(xí)超高顏值排版技巧 回復(fù) 大V 探討微信大號(hào)運(yùn)營(yíng)策略 設(shè)計(jì)、培訓(xùn)、運(yùn)營(yíng)等合作請(qǐng)致電 TEL:(021)3721 8818 除了干貨,其他什么也沒(méi)有
|
|