|
這里是工作狂的聚集地 職場 學(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)圖檢查,確保不出紕漏。▼ 這個方法也可以給微信小編們借鑒一下。 聰明一點 排版不僅僅訓(xùn)練的是排版能力本身,還有對文字內(nèi)容的把控力、考慮用戶體驗的能力等。在 JZ 文章的排版乃至任何文章的排版過程,都需要充分理解文章內(nèi)容,并且換位思考讀者的感受。 一個用戶打開自己訂閱的公眾號推送的文章,需要看到三個窗口。 首先出現(xiàn)在第一個窗口的是標題,它決定一篇文章是否足夠吸引讀者打開。▼ 在單圖文情況下,引語會出現(xiàn)在第二個窗口。▼ 它也會出現(xiàn)在文章分享到好友的縮略界面上。兩者共同決定了讀者對文章的第一印象。▼ 因此,標題和引語需要反復(fù)斟酌。引語用一句話介紹文章內(nèi)容,不能與正文部分有較大重復(fù)。 而摘要,首先出現(xiàn)在第三個窗口。這個窗口也決定了用戶會不會拉下來繼續(xù)看。由于在手機上,第一屏顯示了正文前面的部分,如果足夠吸引讀者,他們就會繼續(xù)往下看。▼ 所以摘要和文章的開頭部分也需要斟酌。 另外,排版時也需要全面理解文章內(nèi)容,頭圖、子圖 icon 的選取,根據(jù)文章內(nèi)容而變。 想學(xué)習(xí)標題和引語的寫作技巧? JZ 近日將在北京開展《奔向 10W !—— 新媒體頂尖文案訓(xùn)練營》線下課,不僅會更詳細地介紹標題黨的科學(xué)養(yǎng)成方式,還會介紹 JZ 曾創(chuàng)下的兩日 170W 閱讀事件,以及全面解剖行業(yè)大號成功的秘訣。報名請掃下方二維碼▼ 其他你會感興趣的內(nèi)容 回復(fù) VI看圖文排版視覺系統(tǒng)原理 回復(fù) 排版學(xué)習(xí)超高顏值排版技巧 回復(fù) 大V 探討微信大號運營策略 設(shè)計、培訓(xùn)、運營等合作請致電 TEL:(021)3721 8818 除了干貨,其他什么也沒有
|
|
|