哈嘍胖友們大家好呀

我是三兒

盼望著 盼望著

終于迎來了排版改造家的第 2 期

在第 1 期推出以后

三兒收到了很多小伙伴的投稿

重度選擇困難的三兒

最終選擇了收到的第 1 篇投稿

作為排版改造家第 2 期的內(nèi)容

其實(shí)這篇排版在基礎(chǔ)上是比較ok的

不過三兒還是抓到了

這篇排版存在的一些小問題

先給胖友們看看這篇排版的內(nèi)容吧

↓↓↓

話不多說

下面是三兒針對(duì)這篇排版提出的一些建議

排版的優(yōu)點(diǎn)

 1、根據(jù)文章所用配圖選擇排版的主色調(diào) 

這篇文章的作者在配色的選擇上所采取的方法其實(shí)是我們比較推薦的一種方法，那就是根據(jù)文章的配圖去選取我們要采用的配色。

比如這篇文章后面的活動(dòng)海報(bào)主題色為紅色+綠色的搭配，所以作者在配色上也做了相應(yīng)的處理，顏色搭配比較協(xié)調(diào)。

 2、圖片具有吸引力 

這是一篇以美食為主題的電商活動(dòng)排版，而對(duì)于美食的文章而言，圖片的展示是非常重要的一點(diǎn)，圖片不僅需要清晰，還要盡量選擇有食欲的、誘人的美食圖片。

當(dāng)然了，如果能像這篇排版一樣有動(dòng)圖就最好，因?yàn)閯?dòng)態(tài)的圖片展現(xiàn)的空間更多，給我們的視覺沖擊力也會(huì)更大，可以最大程度的發(fā)揮吸引用戶購買欲望的作用。

 3、注意到了留白處理 

文字段落之間用空行的方式進(jìn)行了留白的處理，打造了閱讀的空間和文章的呼吸感。

需要改進(jìn)的地方

 1、層次不清晰 

這篇文章最大的問題其實(shí)就是邏輯混亂，找不到重點(diǎn)，而且無論是在整個(gè)層次還是下一級(jí)內(nèi)容的層次處理上都非常不清晰。

比如，通讀完這篇文章，我們至少可以發(fā)現(xiàn)它其實(shí)是可以劃分為兩個(gè)大層次的，第一個(gè)就是新品的上新，第二個(gè)就是活動(dòng)的介紹，但存在的問題是，我必須要讀得非常仔細(xì)才可以分辨清楚每個(gè)部分對(duì)應(yīng)的內(nèi)容是什么。

同樣的問題，在第一部分的內(nèi)容中，每一個(gè)新品都只進(jìn)行了簡(jiǎn)單的加粗處理，那么這到底是圖片的注釋呢還是新品的名字？我相信有很多小伙伴和我一樣分不清這些文字到底指向的是哪一部分的內(nèi)容。

 2、正文字號(hào)太大 

字號(hào)的問題之前我們已經(jīng)提到過了，就不再啰嗦了，像這樣一篇以美食為主題的排版，受眾用戶的年齡一定也不會(huì)偏大，所以建議使用14-15號(hào)作為正文字號(hào)即可。

 3、樣式使用不當(dāng) 

下圖的這個(gè)分割線樣式和全文的排版風(fēng)格其實(shí)是不太搭的，不僅沒有把分割線的作用發(fā)揮出來，還有一點(diǎn)點(diǎn)多余的感覺。

排版優(yōu)化

在上面講到的這篇排版需要調(diào)整的地方的基礎(chǔ)上，三兒對(duì)這篇排版進(jìn)行了簡(jiǎn)單的優(yōu)化。

 1、劃分文章層次 

根據(jù)文章的內(nèi)容，三兒首先把這篇文章劃分為了兩個(gè)大部分，第一個(gè)部分的主題為新品上新，第二個(gè)部分的主題為活動(dòng)介紹，然后選擇了一個(gè)標(biāo)題樣式作為一級(jí)標(biāo)題。

其次，再將這兩個(gè)大框架下的內(nèi)容進(jìn)行細(xì)分，用二級(jí)標(biāo)題的形式突出各部分的細(xì)化內(nèi)容。

 2、優(yōu)化字號(hào)和配色 

針對(duì)這篇排版，三兒選取了一個(gè)稍微大膽的一點(diǎn)的排法，在字號(hào)和配色的選擇上都和我們通常情況下強(qiáng)調(diào)的排版技巧不同。

比如字號(hào)方面，一級(jí)標(biāo)題的字號(hào)我使用了36號(hào)字，第一部分的二級(jí)標(biāo)題使用了32號(hào)字，正文采用的還是常規(guī)的處理，使用的是15號(hào)字。

配色的選擇也比較大膽，比如第一部分對(duì)應(yīng)的三個(gè)不同的新品，三兒根據(jù)新品的圖片使用了三個(gè)不一樣的顏色，但全文的主色調(diào)依然是明晰的，是以暗紅色為主。

這里給出文章中使用到的幾個(gè)配色以供大家參考：

暗紅色：#953734、薄荷藍(lán)：#71b6c7、明亮黃：#ffc61c、青草綠：#9bbb59

 3、添加購買入口 

這篇文章是以美食為主的電商活動(dòng)文，目的是要將產(chǎn)品或者活動(dòng)推送出去，那么產(chǎn)品的購買入口就是非常重要的。尤其是我們?cè)谧鲭娚膛虐娴臅r(shí)候，購買入口在排版中的位置至關(guān)重要，如果你不設(shè)置，用戶不僅不知道該去哪里購買產(chǎn)品，而且這篇推文的目的還會(huì)喪失。

最好的辦法是在排版不同的位置中插入產(chǎn)品的購買入口，而不是按照我們傳統(tǒng)的想法，只在推文結(jié)尾給出，這樣可以避免用戶沒有耐心閱讀完全文。

 4、給圖片添加簡(jiǎn)單的樣式 

原文對(duì)圖片的展示是比較簡(jiǎn)單的，但是想讓美食更加有吸引力的話可以給圖片添加簡(jiǎn)單一點(diǎn)的圖片樣式，讓圖文內(nèi)容更加豐富。

如下圖，三兒并沒有選擇很復(fù)雜的圖片樣式，而是采用了我們上一期說到的圖片邊框陰影這個(gè)功能中的雙色邊框。

這里給出文章使用到的其它圖片樣式id以供大家參考：

雙圖樣式id：96142、91258。

 5、最后再給大家分享一個(gè)小技巧 

我們?cè)谟梦淖直尘吧臅r(shí)候，可以在這一句文字的前后各空一格，看起來會(huì)更加美觀哦~

以下為優(yōu)化后的完整排版

 ↓↓↓

好了

今天的排版改造到這里就結(jié)束了

如果你也存在排版上的問題

希望和大家一起交流探討

歡迎投稿給三兒

三兒會(huì)在下一期里

對(duì)你的排版進(jìn)行簡(jiǎn)單的點(diǎn)評(píng)和優(yōu)化哦~

（*以下是投稿教程）

投稿教程

來嘍來嘍

和三兒一起交流排版

發(fā)現(xiàn)排版問題

分享排版技巧

共同進(jìn)步

爭(zhēng)取做出更好看的排版吧~

點(diǎn)擊鏈接http://www.hackiots.com/users/register/fcf328b736097949efe861dbeeb99d26就可以加入135編輯器了哦，偷偷告訴大家（點(diǎn)擊該鏈接，還可以獲得7天VIP會(huì)員哦，一般人我不告訴，哈哈哈哈）

當(dāng)然，你也可以自己加入。網(wǎng)址在這里：http://www.hackiots.com/效果是一樣的。通過我的邀請(qǐng)加入135編輯器，相當(dāng)于是對(duì)我的一種幫助和鼓勵(lì)。我自己會(huì)因?yàn)槟銈兊闹С侄@得會(huì)員權(quán)限，可以享受會(huì)員的所有權(quán)益，像是新樣式可以免費(fèi)使用，圖片保存數(shù)量從100提升到1000，個(gè)人模板從3個(gè)提升到無限制，云端草稿和恢復(fù)歷史版本可以無限次使用，文本校對(duì)從3次升到100次等等，所以還勞煩大家?guī)蛡€(gè)忙。