最近收到有同學提問關于作品集包裝的問題，感覺自己的作品集排版都差不多，看起來很平淡，沒有記憶點。辛辛苦苦完成的界面，結果卡在了作品集包裝上，非常可惜！

更多干貨：

今天挑戰用1張界面完成5種排版！幾個簡單的小技巧，讓你的作品集告別規矩普通，瞬間有亮點！

先看下排版效果：

第一步先要保證把界面做精致，否則即使排版ok了也要減分嗷！

給界面加個邊框或手機樣機，方面后面把界面和背景區分開，準備好了就馬上開始吧！

技巧一：元素破形法

選擇界面中想要突出的內容（可能是卡片、Banner、徽章等），破出界面，增加排版層次。

在這張界面中，我們想更多的展示徽章，可以先把界面上半部分放大：

接著把界面中隱藏的徽章放出來：

做了破形處理之后，是不是噶一下就不一樣了？

下一步，給背景拉個藍色漸變，微微加一點格子和字母底紋：

背景底紋主要是為了豐富下背景層次，注意不要用力過猛，底紋太強可能會導致畫面主次不分，本來想要突出界面和徽章，注意力也被搶走了：

接著加上一點小文字排版，第一張作品集排版搞定：

技巧二：局部展示法

把界面中的設計亮點單獨放大，局部展示。

換個深色背景，拉開顏色對比度，讓界面更突出：

接著把徽章單獨提出來，這里采用了左右排版的方式，左邊展示局部細節，右邊展示整體界面。

只有圖的展示還是比較單調，添加一些文字描述，讓內容看起來內容更飽滿一些：

完成！

技巧三：套用樣機法

套用樣機也是既簡單又實用的技巧之一。

樣機盡量保持和界面風格匹配一些。看一組對比圖：

通過對比可以看到，由于我們的界面風格是比較可愛的，偏3d的，所以3d小手會更合適一些，真實風格的樣機多少有點違和。

樣機選好之后，嘗試用個淺色背景：

再來點文字排版，ok了：

技巧四：背景排版法

前面幾種方法都是圍繞界面展開，我們也可以在背景的排版上下功夫。

先給背景拉一個大卡片，做出一個大面積色塊：

加個投影交待一下手機和背景的前后關系：

投影的模糊度一定要往大了調，這樣看起來才顯高級：

接著就可以往卡片里加內容了，把界面相關的標題、文字描述放進來。

因為卡片的面積比較大，文字部分如果太小，畫面會有一種撐不起來的感覺，所以這里的文字會做放大處理，這樣畫面會比較飽滿，沒這么空。

文字的排版沒什么問題了，在顏色的維度上也可以看看，目前右邊的文字全部都是重色，缺少和界面中藍色的呼應，可以加一點藍色：

下一個！技巧五、警戒線裝飾在排版中添加警戒線也是我比較常用的包裝方式，比較容易出效果。彩色、深色、淺色的背景都試過了，這次來個灰色背景。

兩條警戒線咔咔一拉，這小感覺一下就上來了。

警戒線上的設計可以花點小心思，比如加點箭頭、小圖案，或者做點文字的變形處理，瞬間變得更有設計感：

還是把文字排版加上，第5種排版大功告成！

總結

沒有復雜操作，5個排版小技巧，讓你掌握排版竅門：

技巧一：元素破形法

選擇界面中想要突出的內容（可能是卡片、Banner、徽章等），破出界面，增加排版層次。

技巧二：局部展示法

把界面中的設計亮點單獨放大，局部展示。

技巧三：套用樣機法

使用樣機，簡單又高效。

技巧四：背景排版法

背景大色塊搭配文字排版。

技巧五：警戒線裝飾

添加警戒線，設計感滿滿。快試試吧！迫不及待看到大家的作品集啦！

歡迎關注作者的微信公眾號：「菜心設計鋪」