微信公眾號(hào)圖文排版的技巧
微信公眾號(hào)圖文排版的技巧
2016/4/22 14:15:54
1、好的排版究竟有多重要？
首先來(lái)介紹一下，為什么要推出這個(gè)課程。微信公眾平臺(tái)現(xiàn)在已經(jīng)有超過(guò)一千萬(wàn)個(gè)帳號(hào)了，據(jù)統(tǒng)計(jì)現(xiàn)在可能已經(jīng)超過(guò)一千五百萬(wàn)個(gè)了。有這么大的體驗(yàn)量之后，大家見(jiàn)多識(shí)廣，對(duì)內(nèi)容和閱讀的體驗(yàn)要求也是越來(lái)越高的。
同時(shí)，好的排版不僅能夠提供閱讀上的體驗(yàn)的提升，還能夠?yàn)楣娞?hào)帶來(lái)更多的粉絲。相信大家也有時(shí)候會(huì)看到一些比較不錯(cuò)的文章，大家會(huì)相互去轉(zhuǎn)發(fā)，說(shuō)你看人家這排版做這么好看，為什么我們不能做成一樣的呢？
第三點(diǎn)，排版風(fēng)格也是品牌不可或缺的重要一環(huán)。由于現(xiàn)在公眾帳號(hào)已經(jīng)變成每家企業(yè)的標(biāo)配，公眾帳號(hào)的排版的風(fēng)格和網(wǎng)站，和logo的視覺(jué)要求是一致的，所以排版風(fēng)格也就變成了企業(yè)宣傳的臉面。這一點(diǎn)大家一定要重視。
第四點(diǎn)，排版是原創(chuàng)公眾帳號(hào)的形象，為什么這么說(shuō)？相信有原創(chuàng)帳號(hào)的或者是轉(zhuǎn)載過(guò)別人原創(chuàng)文章的人大家都知道，就是在你沒(méi)有要求別人把你加入白名單的前提之下，你轉(zhuǎn)載別人的文章，你的排版格式是被完整保留的，所以，你的排版風(fēng)格可能會(huì)影響到別人，或者說(shuō)是別人的排版風(fēng)格轉(zhuǎn)載到你這兒是完整保留的。如果你的排版風(fēng)格比較好，可能更多人也出于對(duì)于排版的一個(gè)顧慮也會(huì)優(yōu)先來(lái)轉(zhuǎn)載你的文章。
第五點(diǎn)，就是綜上所述，排版風(fēng)格和排版水平對(duì)于公眾帳號(hào)的運(yùn)營(yíng)是至關(guān)重要的。
2、排版—圖文標(biāo)題篇
（1）怎么樣成為一個(gè)“標(biāo)題黨”？
首先，映入眼簾的就是圖文的標(biāo)題。那圖文標(biāo)題大家心里都應(yīng)該有數(shù)，現(xiàn)在的這些標(biāo)題是提高閱讀的一個(gè)首要?jiǎng)恿�。所以大家現(xiàn)在是會(huì)花很大的精力去取一個(gè)帶有“標(biāo)題黨”的標(biāo)題，而且我建議標(biāo)題最好能簡(jiǎn)潔一些，因?yàn)樗芸焖俦挥脩艚庾x度并能轉(zhuǎn)化為文章的閱讀。
比如說(shuō)“如何體”，就是讓別人，相當(dāng)于是讓別人知道這個(gè)事情應(yīng)該怎樣去做，如果他對(duì)這個(gè)內(nèi)容感興趣或者說(shuō)他不知道該怎樣去做的時(shí)候，“如何體”能夠提高閱讀。
另外一個(gè)就是“合集體”，比如說(shuō)你把2015年的什么相關(guān)的行業(yè)里面的內(nèi)容做一個(gè)合集，這個(gè)行業(yè)里邊的人會(huì)優(yōu)先去關(guān)注的。
第三類就是“獵奇體”，比如說(shuō)這個(gè)標(biāo)題，“關(guān)于故宮博物院你不知道的那些事”或者說(shuō)“你不知道的那一百件事”，很多人一看到這個(gè)，本身他可能感興趣，但是可能也有一些基本的了解，但是你提到這樣的標(biāo)題之后，他可能會(huì)看看有哪些是我不知道的，或者說(shuō)把這個(gè)帖子當(dāng)作一個(gè)學(xué)習(xí)的帖子。
第四類，是“裝飾體”，就是說(shuō)我們?cè)鯓咏o這個(gè)標(biāo)題起一個(gè)裝飾作用讓它變得很華麗或者很有吸引力，比如說(shuō)“最新”，“最全”。由于現(xiàn)在最新的廣告法是規(guī)定，是不允許使用這樣的標(biāo)題，那么我們的標(biāo)題就可以起到“什么什么樣好到違反了廣告法的一個(gè)什么樣的產(chǎn)品�！贝蠹铱梢赃@樣來(lái)考慮。
第五類就是“緊迫體”，就是告訴大家你現(xiàn)在不看，馬上就沒(méi)有了，所以很多人都說(shuō)那我趕緊看一下吧，看看是什么東西或者是說(shuō)那個(gè)最新報(bào)出來(lái)的內(nèi)幕啊，這些大家都會(huì)非常感興趣。
第六類呢就是“福利體”，相信所有的人都習(xí)慣在微信上面搶紅包，或者是說(shuō)想要領(lǐng)取一些什么東西，如果說(shuō)你有一些費(fèi)用可以支持或者是說(shuō)有類似的可以抽獎(jiǎng)的活動(dòng)，可以把它放在標(biāo)題上面。
第七類就是一些比較夸張的，就是說(shuō)多少多少元的文案或者是價(jià)值多少元的課程。
第八類就是說(shuō)“代入體”，這些特別適合一些垂直的領(lǐng)域或者是一些地方性的帳號(hào)。比如說(shuō)北京的一個(gè)賬號(hào)，它說(shuō)北京人不知道的十二處美景，作為一個(gè)生活在北京的人你可能就會(huì)想了解一下。
第九類就是“熱點(diǎn)”，大家都知道像杜蕾絲等很多品牌它們都擅長(zhǎng)于熱點(diǎn)借勢(shì)，這個(gè)的好處是顯而易見(jiàn)的，就是當(dāng)熱點(diǎn)發(fā)生的時(shí)候，大家都會(huì)對(duì)這樣的熱點(diǎn)產(chǎn)生極大的興趣，而且會(huì)非常敏感的去發(fā)現(xiàn)這類的標(biāo)題。所以如果你的標(biāo)題當(dāng)中含有這些熱點(diǎn)信息，就很容易被大家及時(shí)發(fā)現(xiàn)并且轉(zhuǎn)化為閱讀。
最后一類的話是一些名人，如果你的內(nèi)容其實(shí)很平淡，但是你可以把它類比成一個(gè)名人或者是去找一些大家都所熟知的名詞來(lái)代替，這樣的話大家可能會(huì)對(duì)你的內(nèi)容更加感興趣。
（2）標(biāo)題應(yīng)該控制在多少字以內(nèi)最合適？
那前邊說(shuō)了那起標(biāo)題有這么多的講究，我們來(lái)看一下一個(gè)標(biāo)題應(yīng)該有多少個(gè)字。我們以一個(gè)正常的手機(jī)來(lái)衡量，我們建議一個(gè)文章的標(biāo)題最好控制在手機(jī)顯示的一行之內(nèi)，大概是13--15個(gè)字，如果超出之后，它就會(huì)換行。如果你是多圖文的話，因?yàn)樗豢赡馨涯愕臉?biāo)題單獨(dú)顯示出來(lái)，它會(huì)覆蓋掉你的封面圖，而且會(huì)顯示在一個(gè)黑底上面。
一個(gè)標(biāo)題是可以容納這么多字，大概60多字，但是如果你如果要把這些字全部占滿了，那你的封面圖就沒(méi)有任何意義了。
剛才說(shuō)的是頭圖這個(gè)地方，當(dāng)你的標(biāo)題是多條圖文的時(shí)候，我們就得講究一下整個(gè)視覺(jué)統(tǒng)一，還有標(biāo)題格式的統(tǒng)一。
（3）多圖文時(shí)，關(guān)于標(biāo)題長(zhǎng)度和格式的一些注意事項(xiàng)
當(dāng)你發(fā)多圖文的時(shí)候，最好你的封面圖和底下的這條圖文，它們的封面是有一定的規(guī)律的。
另外一個(gè)就是標(biāo)題的格式，如果你可以把這一類全部歸納一個(gè)為像專欄或者是這種分類的話，中間用一個(gè)小的豎線把它們分隔起來(lái)，整個(gè)文章看起來(lái)格式是非常統(tǒng)一的，這樣的話給人一種這家公司或者是這個(gè)賬號(hào)是非常有心的，而且做了非常精心的策劃和準(zhǔn)備。對(duì)于用戶來(lái)說(shuō)，也是一種閱讀體驗(yàn)的提升。
大家可能在標(biāo)題當(dāng)中想加入一些小符號(hào)，我們建議是最好少加符號(hào)。如果要加的話，前面列舉出來(lái)的中間加一條豎線非常簡(jiǎn)潔，或者說(shuō)用一個(gè)中文下的中括號(hào)來(lái)代替，起到一個(gè)強(qiáng)調(diào)的作用。但是我們非常不建議像右邊這種，前面加一個(gè)心啊或者也不知道是什么的一個(gè)符號(hào)，或者是這種波浪線，這些的話都會(huì)讓人感覺(jué)到比較low。
3、排版—圖文封面篇
（1）封面要背景干凈、重點(diǎn)突出
講完標(biāo)題，我們回到圖文的封面這。首先圖文封面要有一個(gè)原則--就是盡量選擇背景干凈，而且重點(diǎn)突出的。就是你這篇文章要講什么事，一定要找到跟它有關(guān)的圖片，千萬(wàn)不要找那種八竿子打不著的，而且圖片一定要盡可能的干凈，重點(diǎn)突出。
（2）圖文的封面尺寸一定要合乎標(biāo)準(zhǔn)
我們?cè)賮?lái)說(shuō)一下圖文封面的尺寸。大家都知道，微信規(guī)定是：它的寬度是900像素，高度是500像素。只要圖片大致設(shè)計(jì)一個(gè)比例，它的尺寸要求不一定非是900，只要是這個(gè)相對(duì)比例就可以。
（3）你需要體現(xiàn)的核心的元素要盡可能顯示在封面的居中位置
剛才也說(shuō)了，盡量選擇干凈一點(diǎn)的和內(nèi)容貼合一點(diǎn)的。還有一點(diǎn)大家一定要記住，就是你需要體現(xiàn)在封面上的一些核心的元素要盡可能的顯示在封面的居中位置。它有兩個(gè)作用：第一個(gè)，我們?cè)诜窒淼脚笥讶Φ臅r(shí)候，會(huì)自動(dòng)截取掉兩邊多余的部分，然后只選擇一個(gè)最中間正方形的部分，來(lái)做轉(zhuǎn)發(fā)和預(yù)覽。另外一個(gè)就是在最新版的微信編輯器里邊，當(dāng)你需要調(diào)整圖文的位置的時(shí)候，假設(shè)你這張圖是頭圖，但是你又臨時(shí)有更重要的文章需要把它移動(dòng)到后面的時(shí)候，它們會(huì)自動(dòng)把兩邊的內(nèi)容給裁掉。
4、排版—圖文配圖篇
（1）推薦一些很實(shí)用的圖片來(lái)源網(wǎng)站
說(shuō)完了標(biāo)題和封面之后，那我們就進(jìn)入正文。正文當(dāng)中，大家使用頻率比較高的除了文字之外，就是配圖了。很多人都想知道別人的帳號(hào)里那么多好看的圖片從哪兒來(lái)呢，我給大家列舉了一些。首先，大家在選擇圖片的時(shí)候就要特別注意一點(diǎn)就是版權(quán)的問(wèn)題。因?yàn)槲⑿努F(xiàn)在已經(jīng)在內(nèi)測(cè)圖片版權(quán)了，當(dāng)你在轉(zhuǎn)載別人圖片的時(shí)候，會(huì)自動(dòng)標(biāo)注出來(lái)它的來(lái)源。如果一旦發(fā)現(xiàn)有侵權(quán)的，那么就像現(xiàn)在的這個(gè)原創(chuàng)文章一樣，一舉報(bào)一個(gè)準(zhǔn)兒。所以大家一定要特別注意你的圖片的來(lái)源。
能原創(chuàng)盡量原創(chuàng)，如果原創(chuàng)不了，我給大家推薦兩個(gè)免版權(quán)的---就是這個(gè)網(wǎng)站上所有的圖片都是作者聲明放棄版權(quán)或者是公開(kāi)版權(quán)的。大家可能會(huì)找些創(chuàng)意設(shè)計(jì)方面的圖片，我們推薦dribble.com, 站酷(zcool.com)是國(guó)內(nèi)的，我相信所有的設(shè)計(jì)師都會(huì)非常熟悉這個(gè)網(wǎng)站。大家經(jīng)常會(huì)在微信里邊看到的Gif圖，我們推薦了兩個(gè)網(wǎng)站，就是這種Gif圖比較豐富的網(wǎng)站。另外就是我們?cè)谧鲈O(shè)計(jì)或者創(chuàng)意的時(shí)候，可能需要參考的像花瓣，像堆糖，像pinterest.com,像tumblr.com,這些網(wǎng)站都是非常優(yōu)秀的，大家可以收藏下來(lái)或者把這篇內(nèi)容截圖下來(lái)，把這些內(nèi)容，把這些網(wǎng)站收藏起來(lái)。
（2）正文配圖，要盡量選擇和文章內(nèi)容相近的圖片
說(shuō)到正文配圖的時(shí)候，和封面圖有比較類似的，要盡量選擇和你文章內(nèi)容相近的圖片，而且最好要把這些圖片的大小統(tǒng)一，而且它的冷暖色調(diào)要保持一致。
（3）配圖和文字之間有空隙會(huì)增加觀賞性
另外一個(gè)就是在配圖和文字之間的這個(gè)關(guān)系處理的時(shí)候，我們建議的是整個(gè)文字一定要上下空一行。并且，在圖片下邊，我們建議是最好有一行小字，比如是說(shuō)10號(hào)字或者說(shuō)是12號(hào)字，來(lái)標(biāo)注出來(lái)這個(gè)圖片是什么內(nèi)容，圖片來(lái)自于哪兒，如果有版權(quán)的，那我們最好標(biāo)出來(lái)版權(quán)，那這樣可以給自己規(guī)避很多的風(fēng)險(xiǎn)。同時(shí)，圖片的寬度，不建議超過(guò)640像素。因?yàn)槿绻^(guò)的話，微信本身會(huì)壓縮它。小的話就是不要小于320像素。否則就是像右邊一樣，就是顯得特別小。
5、排版—圖文文字篇
（1）應(yīng)當(dāng)根據(jù)文字的風(fēng)格來(lái)匹配相應(yīng)的顏色
圖片這一類講完了，我們進(jìn)入到最最重要的文字。因?yàn)榻^大多數(shù)公眾帳號(hào)在推送內(nèi)容的時(shí)候，是以文字為主的。那我們開(kāi)始講正文文字。首先，我們建議說(shuō)標(biāo)題和其它的正文的文字要稍微區(qū)分開(kāi)來(lái)。你可以用顏色來(lái)區(qū)分，或者是用大小，再加上加粗這樣來(lái)區(qū)分出來(lái)，這樣的話，標(biāo)題首先很醒目。同時(shí)，標(biāo)題不建議過(guò)長(zhǎng)。如果你的標(biāo)題特別長(zhǎng)的話，建議你把這個(gè)標(biāo)題分行，否則的話，太長(zhǎng)的標(biāo)題大家在理解上面是會(huì)比較花時(shí)間，可能還會(huì)影響效率。
有一個(gè)色盤，可以給大家來(lái)做一個(gè)提示，就是說(shuō)什么樣的顏色適合什么樣的內(nèi)容。比如說(shuō)，紅色代表了熱情，奔放，喜悅；橙色代表歡快，活潑；**代表高貴富有；綠色代表生命，生機(jī)，安全。紫色代表神秘，浪漫，愛(ài)情；藍(lán)色代表智慧，天空，適合科技類的一些話題。大家可以根據(jù)不同的內(nèi)容或者根據(jù)你們企業(yè)的主題色來(lái)選擇需要著重的內(nèi)容，而且顏色一定不要過(guò)多。
（2）關(guān)于正文文字的字號(hào)、顏色、縮進(jìn)和行距的一些小建議
我們?cè)倩氐秸奈淖�。剛才說(shuō)了標(biāo)題的文字最好是20號(hào)字，而正文的文字最好是14~16號(hào)字，最小不要小于12號(hào)。否則的話，一些視力實(shí)力不太好的或者是手機(jī)屏幕分辨率不太高的可能就看不太清楚。同時(shí)，一篇文章當(dāng)中使用的顏色不要超過(guò)三種，否則你那個(gè)文章就花的沒(méi)法看了。另外一個(gè)就是關(guān)于首行縮進(jìn)的問(wèn)題，我們傳統(tǒng)的這種印刷的文本一般都有首行縮進(jìn)，這個(gè)是有歷史原因的。我們現(xiàn)在的閱讀絕大多是都是在手機(jī)端閱讀的，手機(jī)本身就很窄，如果說(shuō)你這個(gè)內(nèi)容還是要再縮進(jìn)，文章整體看起來(lái)特別不整齊。
另外一個(gè)是行距。我們文章所有的編輯器，或者所有的內(nèi)容默認(rèn)的都是1.0，但是因?yàn)槟阒赖膱D文其實(shí)它沒(méi)有所謂的這種版面的限制，從最舒服的角度來(lái)說(shuō)，建議的行距最好是1.5—1.75，整個(gè)文章它的這種行距看起來(lái)的話是非常舒服的。
（3）段落和段落之間應(yīng)當(dāng)怎樣控制間距最好？
剛才都說(shuō)的是單文字，到了段落和段落之間，我們建議是每個(gè)段與段之間一定要空一行，這樣的話你不會(huì)感覺(jué)到文字特別緊湊，最好就是每一個(gè)段落不要超過(guò)一個(gè)屏幕。如果超過(guò)的話，最好是把它們分一下段兒。因?yàn)槟阒来蠹椰F(xiàn)在都已經(jīng)習(xí)慣于短閱讀了，比如說(shuō)已經(jīng)習(xí)慣于看微博或者說(shuō)看朋友圈的內(nèi)容，突然來(lái)了個(gè)長(zhǎng)篇大論，我很有可能看著看著就忘了前邊說(shuō)的是什么內(nèi)容。所以，最好對(duì)文章適時(shí)地進(jìn)行分段，而且最好是適當(dāng)?shù)呐湫﹫D，配些圖的話能夠讓大家對(duì)文章和圖片內(nèi)容產(chǎn)生關(guān)聯(lián)，并且很好的去理解和記憶。
那關(guān)于樣式這一塊，我相信大家已經(jīng)很習(xí)慣于在編輯文章的時(shí)候使用一些第三方編輯器，那我們的建議是不要用一些花式很重的，很花的這些符號(hào)，越簡(jiǎn)潔越好。因?yàn)楹?jiǎn)潔是閱讀的第一體驗(yàn)，你重點(diǎn)的內(nèi)容是你的文字，而不是這些小符號(hào)和樣式。
6、排版—常見(jiàn)的5種錯(cuò)誤
（1）頭圖不當(dāng)
首先我們來(lái)說(shuō)一下頭圖的圖片的選擇，首圖片在選擇的時(shí)候是要特別注意他的尺寸和比例的。
但是大家都知道頭圖的比例是900x500，這就會(huì)導(dǎo)致這個(gè)圖片他的頭部有半截在上面就被裁掉了。這樣的話在視覺(jué)上看起來(lái)是非常糟糕的，尤其是當(dāng)你的領(lǐng)導(dǎo)看到這樣的圖片的時(shí)候他的心里肯定會(huì)不太舒服。
（2）文章圖片不匹配
大家都知道好一點(diǎn)的廣告應(yīng)該是讓人循序漸進(jìn)的。你一開(kāi)始就出來(lái)廣告他的轉(zhuǎn)化效果一定不怎么樣，很多人一看到這個(gè)就不往下看了更何談轉(zhuǎn)化率呢？這是從轉(zhuǎn)化的角度來(lái)說(shuō)。
第二，本身這個(gè)圖片就看起來(lái)非常非常地亂。上面帶有二維碼，然后各種顏色，各種非主流的頭像。很多信息堆到一起是適得其反的。
（3）正文文字過(guò)于擁擠
回到正文的文字這個(gè)地方。只是說(shuō)我們從用戶的角度來(lái)看，我一看到滿屏的文字的時(shí)候就會(huì)有一種恐慌感，就有一種想很快去跳過(guò)的感覺(jué)。當(dāng)然如果你的文字特別吸引人就當(dāng)另說(shuō)，但是絕大多數(shù)情況下我們的文字可能沒(méi)有那么強(qiáng)大的吸引力。所以這個(gè)時(shí)候適當(dāng)?shù)挠幸恍┡鋱D可能就會(huì)更好一些。
當(dāng)你的文字比較多的時(shí)候我們最好把他條理化。像左邊我們是把一大段內(nèi)容然后分成了一二三四五，這樣你看起來(lái)的時(shí)候知道作者是很有邏輯性和條理性的。
（4）整體的版式過(guò)于混亂
第四點(diǎn)是文章版式的問(wèn)題。文章的版式是一個(gè)整體的概念，剛才列舉的都是某一部分的。當(dāng)圖片和文字組合的時(shí)候那我們就要注意版式的平衡或者布局的問(wèn)題。
首先我們要有一個(gè)意識(shí)就是在手機(jī)上閱讀內(nèi)容，盡量不要分左右。因?yàn)槭謾C(jī)本身就是豎長(zhǎng)條的，如果你再分左右的話，他能夠容納的信息會(huì)變少。在手機(jī)上閱讀內(nèi)容圖文混排最好的就是：圖片文字圖片文字。這樣是看起來(lái)是最舒服的。而且由于你本身屏幕就這么寬，所有你一定盡量讓圖片充滿整個(gè)屏幕，這樣的話我才能看清里面的信息。
（5）樣式應(yīng)用不恰當(dāng)
第五類就是樣式了。大家用各種編輯器的時(shí)候也接觸了大量的樣式了。但是在使用樣式的時(shí)候要注意幾個(gè)小的原則。就是說(shuō)樣式求精而不要求多。
標(biāo)簽：