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