內(nèi)容簡介
1. 排版重要性 目前（2017 年 3 月 26 日）全球微信用戶數(shù)大概有 9 億左右，微信公眾號也有幾千萬個。如此龐大的市場，吸引很多人投入公眾號的運營。 我工作中的同桌，一個法國程序員，也在用微信，因為他娶了一個安徽合肥的中國太太。 根據(jù)騰訊公布的業(yè)績報告，2016 年第四季度，QQ 月活躍賬戶達(dá)到 8.68 億，比去年同期增長 2%；作為對比，微信和 WeChat 的合并月活躍賬戶數(shù)達(dá)到 8.89 億，比去年同期增長 28%。 從月活躍賬戶數(shù)量來看，微信已經(jīng)超越 QQ，成為騰訊公司乃至中國互聯(lián)網(wǎng)的第一大服務(wù)應(yīng)用了。這也是微信自 2011 年 1 月 21 日問世以來，第一次在體量上超越 QQ。 前不久，世界首富比爾蓋茨開通了自己的公眾號：「比爾蓋茨」，微信號 gatesnotes。我有關(guān)注。 要做好一個公眾號，比較關(guān)鍵的是內(nèi)容和排版。當(dāng)然了，比較有錢的公眾號靠宣傳，線下活動等方式也可以漲很多粉。 我覺得：排版的作用首先是能讓人記住你的公眾號，形成一定個性，提高賬號識別度。幾個比較有個性的公眾號，比如咪蒙，一條，羅輯思維，等等。第二個作用當(dāng)然就是良好的視覺體驗，讓用戶享受看你的文章。 內(nèi)容是很重要的，排版我個人認(rèn)為是給內(nèi)容加分的。 一些擁有很多粉絲數(shù)的微信公眾號，排版也不怎么講究；但是內(nèi)容好，就有人看。如果你排版極好，但內(nèi)容不佳，還是沒人看。 當(dāng)然了，如果能做到內(nèi)容好，排版也好，那就「真真是極好的」。 為了不牽扯其他公眾號，下面我們可以來對比一下我自己的公眾號排版前和排版后的效果： 排版前 排版前1 排版前2 可以看到，我的公眾號在排版前（其實那時也有一定排版），風(fēng)格比較隨意，大紅大綠，五顏六色，動圖，實在有點看不下去。沒有設(shè)置頁邊距，也就是用了默認(rèn)的 0 頁邊距。字號和字體顏色均沒有設(shè)置，都是黑色字體，16 號。黑色比較刺眼。 字間距沒有設(shè)置，是默認(rèn)的。行間距沒有設(shè)置，是默認(rèn)的 1 。感覺文字和段落太緊湊，看起來比較累。 排版后 排版后1 排版后2 排版后3 當(dāng)然，我放出排版后的截圖，并不是說我的排版就一定好，我的公眾號排版也一直在改進(jìn)。只不過與排版前相比有一些進(jìn)步，主要是：
我覺得這樣的標(biāo)題也不錯： 大標(biāo)題
2. 公眾號排版資源 微信公眾號后臺自帶的編輯器功能實在有限。自帶的編輯器不能調(diào)整字間距，反正很多格式都不能設(shè)置。 幸虧現(xiàn)在有不少很優(yōu)秀的微信公眾號排版軟件或第三方在線編輯器，已經(jīng)可以排版出非常高大上的效果。 而且第三方編輯器一般只要用幾次就很熟悉了，排版完之后拷貝到微信公眾號后臺編輯器中，是帶著格式拷貝過去的。因此之后要在微信公眾號后臺寫新文章，只需要從公眾號后臺編輯器復(fù)制黏貼即可。就不用再通過其他第三方編輯器了。 現(xiàn)在排版的資源很多，我推薦幾個比較主流的： 微信公眾號編輯器
代碼排版軟件 對于編程相關(guān)的公眾號來說，代碼的排版也是很必要的。因為代碼段沒有格式和有高亮縮進(jìn)，完全是天壤之別。 沒有排版的代碼段 有高亮和縮進(jìn)的代碼段 代碼排版插件 Markdown Here 插件：http:/// 目前有 Chrome，F(xiàn)irefox，Safari 的瀏覽器對應(yīng)插件，也有 Thurnderbird 這個郵件客戶端的插件。。 代碼排版軟件 MarkEditor ：http:///app/markeditor 免費版和收費版兩種。一般其實免費版夠用了，但是你也可以用收費版。 收費版主要好處是可以直接導(dǎo)出到公眾號。 3. 公眾號排版須知 排版沒有極限，只有多關(guān)注優(yōu)秀公眾號，多研究別人排版，不斷優(yōu)化，不斷預(yù)覽，慢慢形成自己風(fēng)格的排版。 不過有一些須知的點，還是有必要了解的，以防踩雷區(qū)： 圖文標(biāo)題 文章標(biāo)題分主標(biāo)題和摘要兩部分，摘要也可稱為副標(biāo)題。 主標(biāo)題，要做到博人眼球，言簡意賅。 摘要，制造懸念，讓人忍不住想點開看?？梢园褎e的公眾號優(yōu)秀的標(biāo)題，都記下來，匯總到在電腦的表哥文檔里，不時拿出來參考。 注意：對于公眾號的文章，標(biāo)題的效果有三種場景：
不同場景，標(biāo)題的呈現(xiàn)略有不同，最好分別預(yù)覽下再發(fā)布。 封面圖 單圖文封面圖尺寸 900 x 500。如果是多圖文，那么首圖封面圖尺寸 900 x 500，次圖一律 200 x 200。次圖的風(fēng)格最好保持一致。如下圖 ：
封面圖要盡量選擇清晰、色彩統(tǒng)一的圖片。在挑選圖片時也要清楚自己的公眾號定位，盡量挑選與自己公眾號形象一致的圖片。 排版中圖片重要部位盡量居中，因為圖文消息在發(fā)送時會截取中間區(qū)域。不要用動圖。 作者與簽名 如果是別人投稿的文章或者轉(zhuǎn)載的文章，需要標(biāo)注。如果是你自己原創(chuàng)的文章，不標(biāo)也可以。這部分格式比較多樣。 圖片描述 12 號字，顏色 a5a5a5，居中。 字號 建議大家正文中的字體最好使用 16 號字，最小不要小于 14 號，最大不要超過 18 號。手機(jī)屏幕有限，字體太大太小看起來都會不舒服。多分段，太長的段落會泯滅讀者繼續(xù)讀下去的動力。一段文字千萬不要超過手機(jī)一屏的長度。 注釋，用 16 號或 14 號字。 段落標(biāo)題，用 18 號字。 字體 可以根據(jù)實際需要選擇，但是任何時間都不應(yīng)該忽視辨識度，花哨的字體、斜體、濫用粗體是大忌。 用線條和符號，引導(dǎo)視線，領(lǐng)著讀者的眼睛，看你想讓它看的地方。 各種三角符號是個好東西。直角引號比較古典，用「」和『』代替 “ ”，尤其在標(biāo)題中。 微信編輯器中的行距默認(rèn)是 1.0，但建議行距最好使用 1.5 - 1.75，這樣文章看起來不擠。我一般用 1.75。 空格 英文和中文之間空一格，數(shù)字和中文之間空一格，數(shù)字和英文直接空一格，但 數(shù)字/英文 與中文標(biāo)點之間不空格。 配色 色彩是非常關(guān)鍵的因素。 一般來說，正文不要用黑色，因為在移動端看比較刺眼?；疑囊曈X友好度高。 在正文配色方面，一般使用 595959（十六進(jìn)制 RGB），a5a5a5 也是比較不錯的，相對 595959 淡一些，但是文章里可以這兩種顏色配合使用。 段落標(biāo)題顏色 595959，可以用漢字，也可以用數(shù)字。段落標(biāo)題用橙色 f79646 也不錯。 正文顏色用 3f3f3f 也可以，595959 有人反映偏淡，正文中的重點內(nèi)容，可以加粗。 注釋顏色 a5a5a5，記得把注釋部分，加入引用框。 彩色不是不可以用，但是沒有深厚的功力，難以駕馭，一般用彩色來突出重點內(nèi)容，推薦暗紅 c00000、深藍(lán) 0070c0、橙色 f79646。 背景色要慎重使用，尤忌大紅大紫，如果一定要加背景色，最好用淺色系。 文中重點部分可以加“底色”來強(qiáng)調(diào)。 編號
列出的條目，或者并列關(guān)系的句子，可以用有序或者無序列表區(qū)分開，或者用表格。文章中的人名、地名、書名或特殊名詞，可以加下劃線。 對齊 正文一般情況下左對齊，除非文字特別少，比如詩歌、廣告文案等可以 18 號字正文居中。右對齊用的少，特殊情況下可以試著用。 4. 圖文排版實戰(zhàn) 介紹了這么多，我們來實戰(zhàn)一下好了。我們使用秀米來做演示，其他的平臺操作類似。 首先進(jìn)入秀米的官網(wǎng)，點擊登錄，如果沒有賬戶，則注冊一個用戶賬號，或者可以綁定一些主流媒體號來登錄：
我是選擇用郵箱注冊，然后郵箱登錄進(jìn)去后，點擊右上角「賬號設(shè)置」，
進(jìn)去后，再綁定其他媒體平臺（微博，QQ，微信）：
登錄進(jìn)秀米首頁，我們會看到：
可以看到你可以編輯 「秀制作」（HTML 5 頁面，高大上，一般用于廣告或宣傳）和「圖文排版」（我們一般的公眾號圖文的排版）。 「秀制作」我們就不演示了，就展示一下「圖文排版」吧。 點擊「圖文排版」，進(jìn)入圖文匯總頁面：
可以看到我已經(jīng)制作過一些圖文了，因此它有存檔。 點擊「添加新的 2.0 圖文」，會進(jìn)入正式圖文制作頁面：
可以看到從左到右有好多元素。那么如何快速掌握這些工具的使用呢？貼心的秀米為我們制作了詳細(xì)圖文教程。 重新回到剛才那個圖文匯總頁面，可以找到一個「點此觀看圖文排版新手引導(dǎo)」：
點擊之后，會進(jìn)入一個頁面「秀米圖文 2.0 新手引導(dǎo)」，
閱讀一下這個頁面，在最下面，會看到「點擊此處繼續(xù)進(jìn)入基礎(chǔ)練習(xí)」：
點擊它，會進(jìn)入「秀米圖文 2.0 基本操作」，
學(xué)完這頁。到最下面會看到「點擊此處繼續(xù)進(jìn)入進(jìn)階練習(xí)」：
點擊它，會進(jìn)入「秀米圖文 2.0 進(jìn)階操作」。 跟著上面兩篇引導(dǎo)實踐操作之后，你已經(jīng)掌握了如何排版出高大上的公眾號文章了。 不過，我們還是來實際操作一下： 首先，我們像上面演示的一樣，新建一個圖文排版（點擊「添加新的 2.0 圖文」）：
然后，配置一下「全文屬性」（那個星形圖標(biāo)）：
點擊星形圖標(biāo)后，會出現(xiàn)全文屬性的配置選項：
首先，配置「主題」，可以看到系統(tǒng)給了我們一些默認(rèn)顏色，如果你需要其他顏色，可以點擊右下角的加號，
可以看到我把 rgb （r 是 red 的首字母，表示紅色；g 是 green 的首字母，表示綠色；b 是 blue 的首字母，表示藍(lán)色。因此這三個就是三元色）的三個值都設(shè)置為 89，因為我們之前說過正文的配色常用 595959，但是 59 是十六進(jìn)制的值，把它轉(zhuǎn)換成十進(jìn)制就是 89 （5 * 16 + 9 = 89）。
在秀米編輯器中，點擊「加入調(diào)色板」，你新設(shè)置的顏色就被添加到調(diào)色板了。 接著，你就可以用調(diào)色板里剛添加的這個顏色去設(shè)置文字或模板的配色了。 我們繼續(xù)配置全文屬性，點擊「間距」，把幾個間距設(shè)置如下：
可以看到，我設(shè)置的幾個間距分別是：
當(dāng)然了，這幾個值你可以自己調(diào)整，不一定要和我一樣。 然后，我們在「快速插入正文或粘帖文案到此」這個框中，
插入一段我們要編輯的文字，這段文字最好是沒有帶任何格式的（比如從 Markdown 編輯器拷貝過去的文字）：
然后我們再對這段文字進(jìn)行排版。 首先點中這段文字或者選中你要排版的一部分文字?？梢钥吹剑覀儎偛乓呀?jīng)提前設(shè)置了全文屬性，因此這整篇文字都是遵循 「行間距 1.7 倍，字間距 1.5 像素，頁邊距 10 像素， 字體顏色 rgb (89, 89, 89) 」。 如果你要對其中的個別文字設(shè)置屬性，可以選中文字，然后進(jìn)行配置：
既然現(xiàn)在文字屬性已經(jīng)沒問題了，我們接著來編輯標(biāo)題，可以在左邊欄的「系統(tǒng)模板」里面選擇「標(biāo)題」，然后選擇你需要的標(biāo)題樣式，比如我們可以選這個：
點擊這個標(biāo)題，它就會被放入我們正在編輯的文字的光標(biāo)所在部位，如下：
你可以對這個標(biāo)題進(jìn)行配色，比如我選擇淡藍(lán)色作為它的顏色：
修改標(biāo)題顏色后，我們再修改標(biāo)題文字，把我們的「排版重要性」這個標(biāo)題粘帖到標(biāo)題文字欄中，標(biāo)題文字顏色也可以修改，加粗?，F(xiàn)在我們?nèi)牡臉邮剑?/p>
你也可以再添加別的內(nèi)容或模板。暫時我們就演示到這里。接著來看如何把這段文字帶著格式復(fù)制到微信后臺編輯器中： 點擊上方的一欄圖標(biāo)的最右邊那個向下箭頭的圖標(biāo)，在下拉菜單中選擇「選中全部內(nèi)容」：
再點擊彈出的小窗口中最右邊的三個點的那個圖標(biāo)，在下拉菜單中選擇「復(fù)制到微信」：
會看到又彈出一個窗口，如下：
然后我們用平時復(fù)制的快捷鍵，按下鍵盤上的「 Ctrl + c 」（如果是Mac電腦，那就是 Cmd + c ），就把內(nèi)容復(fù)制到了剪貼板，然后我們?nèi)ノ⑿藕笈_編輯器中的正文區(qū)域，按下鍵盤上的粘帖快捷鍵組合 「 Ctrl + v 」（如果是Mac電腦，那就是 Cmd + v ），就帶著格式粘帖過去了：
然后你可以預(yù)覽一下，是不是你想要的格式。
微信公眾號 ：「 ProgrammerLeague 」程序員聯(lián)盟。 |
|
|
