日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

JZ 的文章是如何排版的?

 小澄子STAR 2016-10-05
這里是工作狂的聚集地
  職場(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)有

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多