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