|
來源丨番茄運(yùn)營（ID:yunyingbag）新媒體閱讀場景下,，美的排版與好的內(nèi)容相輔相成,。試想下，你在碎片化閱讀場景中,，看著滿屏密密麻麻、花枝招展的文字,，縱使內(nèi)容優(yōu)質(zhì),，閱讀興致也會寥寥。好排版一定是給內(nèi)容錦上添花,，塑造美好閱讀體驗(yàn)的,。如何設(shè)計優(yōu)質(zhì)的公眾號文章排版？本文將從排版目的,、排版風(fēng)格,、VI、文字、配圖,、頭尾引導(dǎo)等多方面分塊闡述,。 排版目的 排版風(fēng)格 公眾號主色調(diào) 正文文字排版 文章配圖 頭部引導(dǎo) 尾部引導(dǎo) 封面圖 排版工具&無版權(quán)圖庫 碎片化閱讀場景下，讀者刷公眾號的場景復(fù)雜多變,，可能會在被窩,、公交地鐵、排隊吃飯,、上班摸魚,，甚至廁所蹲坑。在這種隨時可能被打斷,，終止閱讀的場景下,，如何讓讀者保持高度注意力成了關(guān)鍵。優(yōu)質(zhì)的排版一定是以讀者閱讀體驗(yàn)為前提,，減輕閱讀壓力,，讓讀者看得舒服，看得輕松,。一昧注重排版樣式的多變,、內(nèi)容模塊的復(fù)雜就會本末倒置。生活節(jié)奏越來越快,，讀者專心閱讀的時間越來越少,。如果文章邏輯性不強(qiáng)、結(jié)構(gòu)冗雜,，讀者就會沒有足夠的耐心逐字逐句閱讀,。排版，能把文章的邏輯理順,，將內(nèi)容概述,、重點(diǎn)詞句展現(xiàn)，能讓讀者在最短的時間內(nèi)理解文章所傳達(dá)的意思,。人們常說見字如人,，其實(shí)不只是字，很多東西都是形象的延伸,。文章中的文字色調(diào),、配圖風(fēng)格、頭尾引導(dǎo)等排版模塊,，都會影響讀者對公眾號或品牌的認(rèn)知,。公眾號排版風(fēng)格是逗比的，讀者會認(rèn)為作者擁有一個有趣的靈魂,；排版風(fēng)格是嚴(yán)肅的,，就會認(rèn)為很靠譜,。風(fēng)格是一個長期逐漸形成的過程，只有長期保持一個風(fēng)格,，才會加深讀者的認(rèn)知,。在設(shè)計排版前，需要先確定排版風(fēng)格,，這將決定后續(xù)排版的方向,。否則一會兒弄個文藝風(fēng)文字排版，一會兒又加個搞怪風(fēng)配圖,，一會兒又覺得商務(wù)風(fēng)引導(dǎo)圖不錯,，給讀者感覺亂糟糟的，不專業(yè),，像個精分在自嗨,。我扒了 N 多大號后，給大家總結(jié)了市面上常見的 10 種排版風(fēng)格：
風(fēng)格沒有好壞之分,，只有適不適合,。從公眾號定位出發(fā)，結(jié)合實(shí)際情況綜合分析判斷,。如果目標(biāo)讀者是 95 后,，內(nèi)容調(diào)性比較輕松，可以選擇搞笑風(fēng)或文藝清新風(fēng),；如果是公司號,，想給讀者傳遞專業(yè)靠譜感，可以選擇高端商務(wù)風(fēng)或現(xiàn)代簡約風(fēng),；如果是職場或觀點(diǎn)號,，可以選擇百搭的現(xiàn)代簡約風(fēng)……色調(diào)是排版的靈魂。每個優(yōu)秀的公眾號都有自己的主色調(diào),。主色調(diào)最好確定 1 種,，最多不超過 3 種。使用統(tǒng)一的主色調(diào)能增加閱讀的連貫性,，文章色調(diào)五花八門,，會造成段落間充滿割裂感，讓讀者眼花繚亂,。本號的主色調(diào)是梅紅，那么頭像,、文章的強(qiáng)調(diào)部分,、頭尾引導(dǎo)圖、樣式都圍繞此展開。長期使用一個主色調(diào),，還能增加品牌辨識度,，像一看到紅色，我們就想到可口可樂,，看到藍(lán)色就想到百事可樂……色調(diào)的選擇,，可以根據(jù)品牌、公眾號調(diào)性確定：想給讀者傳遞一種積極向上的力量,，可以選擇橙,、黃色；想呈現(xiàn)商務(wù)氣質(zhì),，則可以選擇藍(lán),、紅色；當(dāng)然,，公眾號讀者是年輕群體,，也可以選擇莫蘭迪色系。以下是一些配色的網(wǎng)站,，供大家選擇：
LOLColors： https://www./resources/lolcolors/ 中國傳統(tǒng)色彩： https://color.uisdc.com ColorHunt： https:// 中國色： http:// 正文文字排版要迎合大眾閱讀習(xí)慣,，以簡潔清爽為主。在不同的手機(jī)下看同一篇文章,，字體大小會有略微差別,。為了保險起見，正文字號一般選擇主流的 14px 或 15px ,。14px 顯得小巧精致,，15px 閱讀時會輕松點(diǎn)。如果讀者為老年人,，字體可以適當(dāng)放大,。14px 字體大小：XXXXXXX
15px 字體大?。罕疚挠玫木褪?15px 注釋性文字,、不太重要的信息，可以選擇 13px ,。小標(biāo)題字號一般比正文大 3 號，也就是 17px ,、 18px,，或根據(jù)排版風(fēng)格設(shè)計圖片樣式。17px 字體大?。篨XXXXXX 18px 字體大?。篨XXXXXX 人們習(xí)慣閱讀黑,、灰的文字，如果用其他顏色作為正文字體,，會增加讀者的閱讀負(fù)擔(dān),。所以，一般選擇黑色字體,，但不要選擇默認(rèn)的純黑（#000000）,，飽和度高，在手機(jī)上看很刺眼,。可以選擇黑色偏灰的：#595959,、#3f3f3f（本文用的是#3f3f3f）字體款式?jīng)]什么好說的，各個手機(jī)適配不一樣,，所以也是為了保險起見,，默認(rèn)即可。G20 會標(biāo)主創(chuàng)者方宏章在《關(guān)于文字的可閱讀性》中說過這樣一段話,，很有參考意義：每個字母之間必須有一定合理空間,，如果字母之間的距離過于狹小，就像兩個挨著很近的雞蛋隨時有可能相碰撞的危險,，如果字母間距過大,，那字母就會失去張力和緊張感，使得文字閱讀變得乏味,。因此,，字間距設(shè)置在 1 倍，不疏不密,，剛剛好,。行間距也是同理，兩行之間的距離不能太寬,，也不能太擁擠,，主流的是 1.5 倍或 1.75 倍。兩側(cè)邊距,，適當(dāng)縮進(jìn)會讓視線更集中,，閱讀更流暢，主流縮進(jìn)是 16 ,。如果文章偏輕松,，也可以選擇 32 。對齊,，為了使文章更整潔,，一般選擇兩端對齊,，否則頁面兩端會出現(xiàn)凹凸不齊，好像被狗啃過的情況,。一篇文章段落很長，滿屏都是密密麻麻的字,，讀起來就會很吃力,，注定被現(xiàn)代普遍缺乏注意力的讀者給拋棄，所以我們要將文章分模塊,。將長文按照邏輯結(jié)構(gòu)或敘述節(jié)奏分成 3 至 5 個段落,，再提煉小標(biāo)題，就能減輕閱讀壓力,。小標(biāo)題與上文之間留白,，空 2 行；與下文空 1 行,，這樣能從視覺上把各個段落區(qū)分開,。句子間適當(dāng)留白，能增加文章呼吸感,。一般是 3 至 5 行句子,，空 1 格換行，這樣更清爽,、整潔,，便于閱讀。如果句子超過 7 行,、甚至是 10 行,，手機(jī)就會滿屏都是字，黑壓壓的讓人透不過氣,。上下文和配圖之間的留白則以空 1 行為佳,。如果不留白，圖片與文字混在一起亂糟糟,，空太多,，又會顯得稀疏。一篇文章中,，如果字體大小,、顏色都一樣，那就看不出哪些是重點(diǎn)了,。通過增大字號,、改變色號、加粗能幫助讀者掌握重點(diǎn),。增大字號一般用在小標(biāo)題上,，作為整個段落的重點(diǎn)提煉,，字號比正文大 3 號；也適用于情緒文的結(jié)尾,，作為情緒放大器,，幫助讀者釋放情緒，這時字號只需比正文大 1 號,。改變色號的同時,，一般默認(rèn)加粗。色號講究視覺排版的統(tǒng)一性,，要跟主色調(diào)相搭,，或者就是主色調(diào)。一篇文章內(nèi),，色號最好出現(xiàn) 1 種,，不能超過 3 種，否則是五花八門的亂,。加粗也能單獨(dú)使用,。下劃線、斜體是英文環(huán)境下的產(chǎn)物,，一般不建議使用,。需要的注意是，文章內(nèi)全是重點(diǎn)反而沒有重點(diǎn),，1 屏內(nèi)重點(diǎn)強(qiáng)調(diào)部分不能太多,，一句話、幾個詞足以,。注釋性文字,，行數(shù)可以多一點(diǎn)，但一般也不超過 3 行,。字號可以選擇：12px（12px示例示例）,、13px（13px示例示例）色號選擇灰色調(diào)：#a5a5a5（XXXX）、#7f7f7f（XXXX）我買了一臺 HUAWEI 手機(jī)。 我們用 Facebook 聯(lián)系吧,！ 我買了一臺蘋果 12 手機(jī),。 現(xiàn)在 iPhone 12 更新到了 IOS 14 。
文章內(nèi)的每張配圖都有其作用,，并不是說隨著作者的心情,，覺得哪張圖片好看就配哪張。
有些信息,，單靠文字很難直觀表達(dá)或過于復(fù)雜,，為了便于讀者理解，通過配圖能進(jìn)行解釋說明,、輔助理解,。圖片能打破視覺的單調(diào)性,。如果一篇文章全是密密麻麻的字,，會給讀者很強(qiáng)的壓迫感，讓人興趣索然,。通過配圖可以調(diào)節(jié)視線，給讀者一點(diǎn)休息的空間,，減輕疲憊感,。一般建議 3 屏文字 1 張配圖，如果文章嚴(yán)謹(jǐn)性很強(qiáng),，則可以多幾屏文字,，甚至不要留白配圖。在文章情緒高潮點(diǎn),，合適的配圖能搭配文案,，將情緒放大。圖片要與排版風(fēng)格統(tǒng)一,，不能一下子文藝風(fēng),，一下子又是惡搞風(fēng)，會給文章造成撕裂感,。與文案風(fēng)格也要保持一致,。在插科打諢的文章內(nèi)適當(dāng)加入表情包，可以活躍氣氛,，但在正兒八斤說事的文章配表情包,，會給讀者不專業(yè)的印象，適得其反,。
圖片要選擇無版權(quán)的,，否則會有侵權(quán)風(fēng)險。微博,、知乎,、貼吧上的圖片可能會有版權(quán)，最好不要用,。公眾號后臺的素材中心新增了一個無版權(quán)圖庫,，大家可以在里面找圖。 下面是兩個無版權(quán)圖庫網(wǎng)站： Pixabay： http:// Unsplash：
http:// GIF 圖則可以去這個網(wǎng)站找： SOOGIF： http://www./ 頭部引導(dǎo),，是位于公眾號文章正文開始前的那一塊區(qū)域,，起到引導(dǎo)關(guān)注,、傳遞公眾號價值、與正文內(nèi)容切割的作用,。可以是一句 Slogan,、一段有關(guān)公眾號價值的文案或是一張吸引讀者往下滑的圖片、一段內(nèi)容概述,。一個完整的頭部引導(dǎo)由 3 個模塊構(gòu)成：
引導(dǎo)關(guān)注的作用是給讀者關(guān)注公眾號的潛意識暗示,，此外還有引導(dǎo)讀者加星標(biāo)的。傳遞價值的文案很重要,。一個陌生讀者剛看到公眾號時,，他不知道這個公眾號是做什么的，能提供什么價值,，調(diào)性怎么樣,，所以這句話要給讀者一個關(guān)注的理由，或是一句有格調(diào)的 Slogan,。在形式上,，動圖與靜態(tài)圖片都行，不過動圖在視覺呈現(xiàn)上,，更能吸引讀者的眼球,。
讀者點(diǎn)擊標(biāo)題進(jìn)來，說明對內(nèi)容有一定的期待,，這時選擇一張補(bǔ)刀標(biāo)題,、跟內(nèi)容關(guān)聯(lián)度足夠高的圖片，就能牢牢吊住讀者的胃口,。內(nèi)容概述也是同理,，并不是真的概述內(nèi)容，而是寫一段勾人的話,，激發(fā)讀者的好奇心,，讓其往下閱讀。作者及文章來源就不多展開,，原創(chuàng)內(nèi)容可以不寫來源,。在實(shí)際情況中，以上 3 個模塊并不需要全部具備,。大家可以結(jié)合文章調(diào)性,、公眾號風(fēng)格、自身喜好,、設(shè)計能力等綜合情況來任意組合,。
尾部引導(dǎo)的目的，就是促使讀者在看完文章后采取進(jìn)一步動作，否則就算讀者看完后覺得文章質(zhì)量多么好,，多么觸動,，他不關(guān)注、不點(diǎn)贊,、不留言,，對公眾號還是沒有價值。互動留言,，精簡一個跟正文有關(guān),，讓讀者最有表達(dá)欲的問題。如果預(yù)算多的話,，還可以給留言點(diǎn)贊數(shù)最高的幾位讀者一些小福利,。
|
