雙十一想賣書(shū),該怎么排版?
排版賞析-書(shū)單類的公眾號(hào)文章如何進(jìn)行排版?
告訴大家一個(gè)小秘密,
我很久很久很久... ...之前,
向你們親愛(ài)的三兒借了一本書(shū),
然后... ...就沒(méi)有然后了!
終于在上周,
我在家里翻箱倒柜的把書(shū)給找到了... ...
本來(lái)說(shuō)周一還給三兒,結(jié)果... ...
你們應(yīng)該懂得,今天都周五了呢!
為了表達(dá)我對(duì)三兒的歉意,
今天特意做一個(gè)書(shū)單推薦類的排版案例,
也趁機(jī)給三兒再推薦幾本書(shū),
反正雙十一來(lái)了... ...不剁手的單身狗!
我真胖棒!
上下滑動(dòng)查看完整圖文
圖片加載比較任性,請(qǐng)耐心等待
在135編輯器的模板中心,有各種類型的模板,你只需要找到關(guān)于書(shū)單推薦的模板,點(diǎn)小心心收藏,然后到首頁(yè)刷新,再點(diǎn)擊左側(cè)的“模板——收藏模板”,再選擇自己喜歡的模板進(jìn)行秒刷或者是插入即可。
當(dāng)然,如果你想要自己組合,那也可以,樣式中心有上萬(wàn)的樣式可供選擇。但是馬有失蹄,你也可能會(huì)有失手的時(shí)候,胡亂嵌套樣式最后導(dǎo)致整個(gè)排版雜亂無(wú)章,有時(shí)候甚至連自己都嫌棄自己的排版。
那如何自己選擇樣式,排出好看的書(shū)單推薦呢?
首先,我們需要對(duì)整篇文章進(jìn)行結(jié)構(gòu)梳理。對(duì)文章結(jié)構(gòu)的了解可以讓你快速的確定文章可以分為幾個(gè)部分。整篇文章介紹了5本書(shū),其中有兩本書(shū)屬于同一類型。然后推薦每本書(shū)時(shí)分別介紹了作者、書(shū)名、內(nèi)容簡(jiǎn)介以及評(píng)價(jià)。
我們可以得出:5本書(shū)5個(gè)部分,因?yàn)?個(gè)部分結(jié)構(gòu)相同,則可以使用同一種排版結(jié)構(gòu)。每本書(shū)里面又分為四個(gè)小部分,每個(gè)部分可以選擇用不同的樣式。
第二,根據(jù)文章結(jié)構(gòu)選擇適合的樣式進(jìn)行嵌套。因?yàn)?本書(shū)被分成了三類,因此我們可以選擇一個(gè)帶有序號(hào)的樣式。這里我選擇的是一個(gè)蒙層樣式:
點(diǎn)擊樣式,然后點(diǎn)工具條上面的“背景圖”,上傳一張和讀書(shū)相關(guān)的圖片作為新的背景圖,再根據(jù)背景圖顏色,調(diào)整序號(hào)以及文字的顏色,使其更加清晰。
其實(shí)有些蒙層樣式還可以更改高度,比如放在文章最前面的那個(gè)樣式,也是一個(gè)蒙層樣式:
用同樣的方法替換背景圖,然后在替換背景圖的頁(yè)面上有一個(gè)“背景區(qū)域高度”,然后將高度更換為150px即可出現(xiàn)排版案例當(dāng)中的效果。
當(dāng)然,背景區(qū)域高度需要根據(jù)你上傳的背景圖高度進(jìn)行調(diào)整,不然就會(huì)出現(xiàn)上下滑動(dòng)的效果。
接下來(lái)是每本書(shū)里面四個(gè)部分的樣式選擇,做書(shū)單推薦,最好要將書(shū)的封面圖一起放上去,這樣讀者才能更好地選擇。
因此我選擇了一個(gè)上圖下文的樣式:
然后將作者和書(shū)名分別一左對(duì)齊的方式放在圖片下面,這樣一目了然。
最后內(nèi)容簡(jiǎn)介的部分我選擇不用任何的樣式,只是兩端對(duì)齊,然后設(shè)置行間距為2,全文的字間距都設(shè)置為3,這樣看起來(lái)會(huì)顯得更加的文藝,由于前面已經(jīng)有兩個(gè)框型樣式,如果接下來(lái)繼續(xù)使用類似的樣式,看起來(lái)會(huì)顯得過(guò)于雜亂。
排版的時(shí)候最應(yīng)該注意的就是:不要在不該用樣式的地方用樣式,也不要一味的只用樣式。排版并不是樣式用的多,就好看的。
評(píng)價(jià)部分我選擇用一個(gè)帶有箭頭的簡(jiǎn)約實(shí)線框:
然后,為了顯得不一層不變,所以介紹另一本書(shū)時(shí),我將其換成了它的對(duì)稱樣式:
為了將5本書(shū)之間區(qū)分開(kāi),更加的有空間感,我在5本書(shū)之間加入一個(gè)箭頭分割線:
這樣整篇文章就不會(huì)看起來(lái)很擁擠。另外適當(dāng)?shù)牧舭滓矔?huì)讓文章更加的有空間感,提升閱讀體驗(yàn),本篇排版案例的兩側(cè)邊距為15。
最后,我使用了一個(gè)書(shū)籍分割線,其實(shí)它是由一個(gè)標(biāo)題改變而來(lái)的:
另外,我在文章最開(kāi)始的時(shí)候,還用了一個(gè)樣式:
這些樣式都明顯的帶有書(shū)籍元素,可以很好的契合文章主題,讓閱讀者明白這是一篇有關(guān)書(shū)籍的文章。
一般來(lái)說(shuō),排版的步驟主要就是上述我所說(shuō)的兩點(diǎn),如果你是剛?cè)腴T(mén)的小白,那這兩點(diǎn)就十分的有用啦。
好啦!本期排版賞析到此結(jié)束!
如果你們希望小五給你們的排版提一些建議,歡迎大家將你們排版好的文章投稿給我,說(shuō)不定下期的排版賞析就是賞析你的排版哦!
投稿詳情戳右邊:《投稿通道 | 漲粉難?閱讀量低?我給你出個(gè)主意!》
案例格式參數(shù)
標(biāo)題字號(hào):15、16
正文字號(hào):14、15
行間距:2、1.75
字間距:3
兩側(cè)邊距:15
段前/段后距:20
配色方案:■#368CBF ■#7EBC59 ■#33363B ■#EAEAEA
以上觀點(diǎn)純屬個(gè)人看法,如有異議,歡迎留言區(qū)批評(píng)指教!
立即登錄
- 【135早資訊】:視頻號(hào)小任務(wù)正式上線;拼多多將上線跨境電商平臺(tái)
- 【135早資訊】:特斯拉上海超級(jí)工廠第100萬(wàn)輛整車下線;?微信聊天對(duì)話框支持放大編輯
- 【135早資訊】:北京發(fā)布國(guó)內(nèi)首個(gè)數(shù)字人產(chǎn)業(yè)專項(xiàng)支持政策;元宇宙招聘潮開(kāi)啟
- 【135早資訊】:平安銀行零售條線降薪;蔚來(lái)李斌回應(yīng)手機(jī)業(yè)務(wù)傳聞