哈嘍胖友們大家好啊

我是三兒

今天的排版改造家

不是三兒自己來做了

而是想給大家分享一篇

排版課學(xué)員的作業(yè)

今天選取的這一篇

排版簡(jiǎn)潔大方

在當(dāng)時(shí)得到的分?jǐn)?shù)也比較高~

首先給大家看看我們給到的排版

（上下滑動(dòng)查看更多）

↓↓↓

（好吧，我承認(rèn)，丑化得很刻意~）

下面是關(guān)于這篇排版的一些建議

 ↓↓↓

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

 1、排版要素完整 

開頭有引導(dǎo)關(guān)注的元素，結(jié)尾有二維碼的元素，文章總的來說排版要素完整。

 2、有對(duì)文章進(jìn)行簡(jiǎn)單的分層 

采用了總-分-總的排版思路，分解了文章結(jié)構(gòu)（引導(dǎo)語、正文、結(jié)語），能幫助讀者理清閱讀邏輯和思路；正文有節(jié)奏感，按照7個(gè)要點(diǎn)劃分段落，清晰明了。

 3、標(biāo)注了重點(diǎn)內(nèi)容的標(biāo)注 

用了加粗、換色（紅色）兩種方式處理重點(diǎn)句子，重點(diǎn)突出，能減輕閱讀負(fù)擔(dān)，幫助用戶理解文章。

 4、圖文結(jié)合 

每個(gè)段落均有搭配符合內(nèi)容的圖片，利于讀者理解文章，提升整體質(zhì)感的同時(shí)使讀者獲得更好的視覺體驗(yàn)。

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

 1、文本設(shè)置問題 

字號(hào)：全文通用16號(hào)字，標(biāo)題、正文字號(hào)大小沒有區(qū)分開來。

間距：字間距、行間距、段間距處理的都不好。文字間距小、無分段，顯得很擁擠。段落間無留白，圖片文字也擠在一起。

重點(diǎn)標(biāo)注：文章標(biāo)題與操作步驟用了相同的紅色，影響閱讀邏輯；此處文字添加了下劃線，非常突兀、混亂。

 2、圖片問題 

沒有做到合理利用多圖樣式整合圖片，圖片的展現(xiàn)非常雜亂。

 3、樣式問題 

樣式濫用：過于花俏且顯得雜亂無章。全文用了7種不同的分割線，4種不同的圖片樣式。

樣式亂用：分割線的功能是劃分文章內(nèi)容，給讀者創(chuàng)造一個(gè)視覺休息區(qū)。本文很多位置使用分割線都是多此一舉，并沒有起到功能性作用。

 4、配色混亂 

沒有明顯的主色調(diào)，加上因?yàn)闃邮絹y用的原因，文章的展現(xiàn)就更亂了。

排版優(yōu)化

首先給大家看一下優(yōu)化之后的排版

（上下滑動(dòng)查看更多）

↓↓↓

下面是對(duì)這篇作業(yè)的排版思路分析

↓↓↓

像配色，行間距、字間距設(shè)置以及留白處理這些基本的問題，三兒就不再重復(fù)說了，下面只說幾點(diǎn)這篇排版的亮點(diǎn)。

 1、排版內(nèi)容整齊 

有很多人可能拿到這樣一篇雜亂的排版就被嚇到了，不知道該如何下手，其實(shí)最重要的還是梳理好文章的結(jié)構(gòu)，劃分好文章內(nèi)容的層次以后，排版就相對(duì)來說容易多了。這篇作業(yè)的一大亮點(diǎn)就是文章內(nèi)容層次的劃分非常清晰，并且每個(gè)部分的排版格式都是統(tǒng)一的，方便用戶閱讀。

 2、巧妙運(yùn)用圖片樣式 

這篇作業(yè)的第二大亮點(diǎn)就是把原先雜亂的圖片做了一個(gè)整理，并且統(tǒng)一了全文的圖片樣式，只有一張圖片的地方，放置的是單一的手機(jī)圖片樣式；有兩張圖片需要對(duì)比的地方，放置的是兩個(gè)手機(jī)的對(duì)比圖；涉及到多張圖片的地方則用了一個(gè)滑動(dòng)樣式，節(jié)省了排版的空間。

單圖樣式

雙圖樣式

多圖樣式

>>>左右滑動(dòng)查看更多

值得一提的是，這里的手機(jī)圖片樣式是用得非常巧妙的。因?yàn)槲恼碌膬?nèi)容是在講微信的搜索功能，配圖大多都是手機(jī)微信截圖，那單單放一張圖片會(huì)顯得有點(diǎn)單薄，如果把手機(jī)這個(gè)元素加進(jìn)去，就會(huì)更加的場(chǎng)景化，增強(qiáng)用戶的閱讀體驗(yàn)感。

不過這位童鞋的排版也存在一點(diǎn)小小的問題，配圖的選擇上其實(shí)可以再優(yōu)化一下，改造前后的圖片基本上沒有變化，不是特別美觀。

我們平時(shí)在排版的時(shí)候，也要多思考給文章內(nèi)容搭配什么樣的排版樣式是合適的，甚至是加分的，而不是覺得什么好看就用上了，這樣是不會(huì)取得任何效果的。

 3、增加了導(dǎo)讀部分 

優(yōu)化的排版在原先排版的基礎(chǔ)上設(shè)置了一個(gè)導(dǎo)讀，這部分的內(nèi)容可以讓用戶很快就明白文章講的是什么，第一時(shí)間抓住他們的注意力。有很多小編喜歡用一個(gè)很長(zhǎng)的引子作為開頭，但是卻沒有講到什么重點(diǎn)，這樣就很可能勸退用戶。

看到這么好看的排版，你又酸酸酸酸酸酸了？

羨慕一百次一萬次，不如報(bào)名一次排版訓(xùn)練營來得快，第8期排版訓(xùn)練營正在報(bào)名中哦~

在最新一期的課程里，135編輯器課程團(tuán)隊(duì)吸取了前幾期學(xué)員遇到的問題及建議，著重對(duì)SVG、排版技巧進(jìn)行更新。課程也由原來的15章節(jié)變?yōu)?7章節(jié)。力圖將最新最全的公眾號(hào)排版知識(shí)展現(xiàn)給你，手把手教你從入門到精通公眾號(hào)排版！

助教1對(duì)1指導(dǎo)，深度練習(xí)實(shí)操，會(huì)員福利解鎖，還有報(bào)名即送的新媒體工具，掃碼二維碼馬上報(bào)名!

??????

1、首先打開135編輯器，輸入你要投稿的排版。

2、然后在編輯區(qū)右側(cè)點(diǎn)擊『保存同步』。

3、點(diǎn)擊『另存圖文給其他用戶』。

4、在輸入編號(hào)的位置輸入三兒的編輯器編號(hào)，然后完成投遞。

5、三兒的編輯器用戶編號(hào)：4741754。

6、注意：投稿標(biāo)題請(qǐng)帶『排版投稿』前綴，否則三兒將無法識(shí)別你的投稿。