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

往期教程：

第一張：

是我們瑰花同學的：

做的其實還不錯，那還能不能更好呢？

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

是不是精致高級了很多？

我們來一起走下修改流程解說一下知識點！

先把文字去掉：

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

我們要在企鵝和背景之間增加一個層次。企鵝的主體應該是在乘地鐵，那我們就可以在背景上畫幾個窗戶，簡單地營造出地鐵的環境：

把企鵝放上去：

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

接著就是排版，同學的排版分為上下兩個部分：

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

我們來對一下修改后的：

其實這里主要是由兩個深層原因導致的。

1. 間距：

原圖的主標題字體選的比較纖細，字體與字體之間間隔也很大。 整個給人 感覺就是很空洞，漏風的感覺。

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

它的間距比較小，整個就會給人更飽滿的感覺：

2. 視覺重心：

原圖由于上面的字體間距比較大，對比下面黑色的副標題來說就會感覺很輕。

因此視覺注意力就跑到副標題上面去了，這樣就不對了。

因此我們調整標題字的時候，還要注意主標題和副標題的視覺平衡，不能“喧賓奪主”：

接著來看下半部分：

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

而修改后的就會比較清晰明了：

這里有一個知識點，那就是信息的分組。

每一個組之間要有明顯的距離，不能緊靠在一起，會影響到閱讀的體驗：

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

中間留出足夠的距離，就會產生分組的效果了，才能更方便閱讀：

排版做好了，接著要調整的是顏色呼應的關系。

現在我們的排版是做好了，但是沒有顏色：

顏色呼應，簡而言之就是把主體的顏色擴散到全圖。

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

它的顏色其實也就：白色、黑色、黃色，綠色為刻意的點綴色我們刻意忽略。

黑色我們已經有了。 那只需要把白色和黃色擴散出去就好了！

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

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

我們這個大感覺是不是就已經很不錯了。 你以為完了嗎？

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

比如「早安」我們可以加一個荷包蛋在這里會更生動一些：

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

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

這個案例學到了嗎？

沒學夠的話，我們再來看一個案列，這是澤靈同學修改前后的對比：

1. 劃分畫面要講究比列

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

想法挺好的，但是要注意比列。因為中間的區域過大。導致主體放在這里顯得有些空曠。

我們需要適當把這個區域縮小，兩邊留白增多：

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

2. 顏色呼應

原圖還不夠好的一點就是畫面和主體缺乏顏色呼應。

讓我們的主體在畫面當中顯得有些獨立。

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

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

還缺一些粉色對吧。我們可以采用和主體相關的元素，比如粉色音符，點綴在畫面中，從而產生完整的顏色呼應：

元素清晰：

原圖在這里加了一個播放按鈕的圖形創意，但是由于背景太花哨，導致這個圖形有些糊在背景里，不夠清晰，模模糊糊的：

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

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

這感覺是不是好多了呢？

最后我們可以再增加一些紋理的小細節，整個畫面就完成了！

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

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

不知道同學們發現沒有？

雖然案列不同，但是我們修改的知識邏輯點都是一樣的！

只要理解了底層的設計邏輯，任何風格都可以作出好作品。