今天就來分享給大家，看看我們是怎么把排版做好的，又有哪些需要注意的細(xì)節(jié)。

往期教程：

第一張：

是我們瑰花同學(xué)的：

做的其實(shí)還不錯(cuò)，那還能不能更好呢？

那當(dāng)然是可以的，我們先來看下修改后的效果：

是不是精致高級(jí)了很多？

我們來一起走下修改流程解說一下知識(shí)點(diǎn)！

先把文字去掉：

畫面比較空，只有背景和企鵝。這種就算做排版做再好也會(huì)顯得很單一。

我們要在企鵝和背景之間增加一個(gè)層次。企鵝的主體應(yīng)該是在乘地鐵，那我們就可以在背景上畫幾個(gè)窗戶，簡(jiǎn)單地營(yíng)造出地鐵的環(huán)境：

把企鵝放上去：

就可以看到我們的畫面多了一個(gè)層次，豐富了起來。

接著就是排版，同學(xué)的排版分為上下兩個(gè)部分：

但是都不夠好，這是為什么呢。

我們來對(duì)一下修改后的：

其實(shí)這里主要是由兩個(gè)深層原因?qū)е碌摹?/p>

1. 間距：

原圖的主標(biāo)題字體選的比較纖細(xì)，字體與字體之間間隔也很大。 整個(gè)給人 感覺就是很空洞，漏風(fēng)的感覺。

所以我再修改的時(shí)候可以選擇一些比較飽滿的字體。

它的間距比較小，整個(gè)就會(huì)給人更飽滿的感覺：

2. 視覺重心：

原圖由于上面的字體間距比較大，對(duì)比下面黑色的副標(biāo)題來說就會(huì)感覺很輕。

因此視覺注意力就跑到副標(biāo)題上面去了，這樣就不對(duì)了。

因此我們調(diào)整標(biāo)題字的時(shí)候，還要注意主標(biāo)題和副標(biāo)題的視覺平衡，不能“喧賓奪主”：

接著來看下半部分：

原圖給人的感覺就是不知道該看哪里，有一種混亂的感覺。

而修改后的就會(huì)比較清晰明了：

這里有一個(gè)知識(shí)點(diǎn)，那就是信息的分組。

每一個(gè)組之間要有明顯的距離，不能緊靠在一起，會(huì)影響到閱讀的體驗(yàn)：

這里我們分為兩組，一組靠左，一組靠右。

中間留出足夠的距離，就會(huì)產(chǎn)生分組的效果了，才能更方便閱讀：

排版做好了，接著要調(diào)整的是顏色呼應(yīng)的關(guān)系。

現(xiàn)在我們的排版是做好了，但是沒有顏色：

顏色呼應(yīng)，簡(jiǎn)而言之就是把主體的顏色擴(kuò)散到全圖。

這里的主體就是我么你的企鵝：

它的顏色其實(shí)也就：白色、黑色、黃色，綠色為刻意的點(diǎn)綴色我們刻意忽略。

黑色我們已經(jīng)有了。 那只需要把白色和黃色擴(kuò)散出去就好了！

第一步加白色，我們可以挑一些局部的字體變成白色：

第二步：再白色里再挑出一兩個(gè)字變成黃色：

我們這個(gè)大感覺是不是就已經(jīng)很不錯(cuò)了。 你以為完了嗎？

并沒有！我們還可以加入一些點(diǎn)綴元素，以讓我們畫面增加一些趣味性。

比如「早安」我們可以加一個(gè)荷包蛋在這里會(huì)更生動(dòng)一些：

還可以再字體之間加入一些線條或者箭頭：

這樣是不是就有趣多了。最后我們來看下整體畫面：

這個(gè)案例學(xué)到了嗎？

沒學(xué)夠的話，我們?cè)賮砜匆粋€(gè)案列，這是澤靈同學(xué)修改前后的對(duì)比：

1. 劃分畫面要講究比列

這個(gè)畫面采用了劃分畫面的方法，通過撕紙的效果把畫面分割成了上中下三部分：

想法挺好的，但是要注意比列。因?yàn)橹虚g的區(qū)域過大。導(dǎo)致主體放在這里顯得有些空曠。

我們需要適當(dāng)把這個(gè)區(qū)域縮小，兩邊留白增多：

這樣我們的主體在放在這里的時(shí)候畫面就飽滿多了，以方便我們后續(xù)排版。

2. 顏色呼應(yīng)

原圖還不夠好的一點(diǎn)就是畫面和主體缺乏顏色呼應(yīng)。

讓我們的主體在畫面當(dāng)中顯得有些獨(dú)立。

主體由白色，灰藍(lán)色，粉色組成，我們可以把兩側(cè)的淺藍(lán)色更改為主體的白色，從而讓畫面的上半部分和下半部分都和主體有相同的顏色：

把字體排在兩端，采用主體的黑色：

還缺一些粉色對(duì)吧。我們可以采用和主體相關(guān)的元素，比如粉色音符，點(diǎn)綴在畫面中，從而產(chǎn)生完整的顏色呼應(yīng)：

元素清晰：

原圖在這里加了一個(gè)播放按鈕的圖形創(chuàng)意，但是由于背景太花哨，導(dǎo)致這個(gè)圖形有些糊在背景里，不夠清晰，模模糊糊的：

我們做這些的時(shí)候可以明確一些，1 是 1，2 是 2，不要一堆東西混在一起看不清！

那我們可以把這塊播放組件提取出來，做突出顯示，還能讓畫面多一個(gè)層次：

這感覺是不是好多了呢？

最后我們可以再增加一些紋理的小細(xì)節(jié)，整個(gè)畫面就完成了！

是不是干凈清爽、清晰明了很多？

整體回顧下今天給大家分享的案列：

不知道同學(xué)們發(fā)現(xiàn)沒有？

雖然案列不同，但是我們修改的知識(shí)邏輯點(diǎn)都是一樣的！

只要理解了底層的設(shè)計(jì)邏輯，任何風(fēng)格都可以作出好作品。