想讓作品從80分到100分？你需要這些包裝作品的小技巧!(升級篇)

@菜心設計鋪 ：上期簡單的介紹了幾點包裝的技巧，這期再分享一波，接著上期，再深入的討論一下關于包裝的技巧。

上期回顧：《想讓作品從80分到100分？你需要這3個包裝作品的小技巧！》

我們包裝的目標就是：吸引眼球！

我個人覺得要想吸引眼球就要注意以下兩點——層級與細節。

接下來的時間，我們就來了解一下層級與細節具體是什么》

一. ?層級

1.1 顏色層級

很多作品包裝背景顏色都是有深有淺，為什么？

其實就是打造一種顏色層級，刺激視覺感官，看下圖：

左側黑白相間的版本要比右側純黑色層級更豐富，在展示作品的時候，就會給人一種視覺沖擊力。

來看真實的作品排版包裝，如下圖：

當然顏色層級不一定非要用深淺，色相的對比也可以，如下圖：

△ ?behance優秀作品

但是色相比較難控制，對新人來說最好的方法就是主色和白色相間使用，不易出錯。

1.2 內容層級

們每做完一個作品包裝，可以審查一遍，看看整體一共可以分為幾層，如果只有兩層，那就重新做吧。

我們來看看優秀的包裝如何讓層級豐富。

比如使用一些模型，并讓界面局部與模型分離：

△ ?behance優秀作品

再比如讓背景多幾個層次：

△ ?behance優秀作品

再比如像拍照一樣，讓景深變長，在前景增加修飾物，如下圖：

△ ?behance優秀作品

1.3 方向層級

方向層級意思就是展示的內容不要都放在同一個方向，要有變化，左右一定要混合使用，不然看著就會死氣沉沉的。

比如下面這張圖：

右側的排版是不是要比左側靈活很多？

我幫你答了：是的！

那我們再看看優秀的案例：

△ ?behance優秀作品

主形象的方向順序是右-左-右，看起來變化很豐富。

二. 細節

細節體現專業，這句話大家應該都聽過，但是也許很多人并不知道這個細節到底是什么，能舉幾個例子嗎？

接下來我們就來舉幾個活生生的例子。

1.1 加點小修飾

△ ?behance優秀作品

整個展示界面加了很多點、線、面的元素，使整體看起來很豐富，但是上期說過了，這種方式不好駕馭，一定要謹慎使用。

1.2 質感上的細節

圖片素材的質感，手機模型的質感等等都是提高美觀的細節，如下圖:

△ ?絕命圖師作品

手機模型上加一層屏幕的反光，顯得質感倍增，再加上圖片的質量很高，所以最后的視覺效果非常棒。

1.3 適當加點投影

投影是一個非常出效果的方法，但很容易用臟，一定要多練：

△ ?behance優秀作品

1.4 適當的“破”

當一個東西規規矩矩的放在一個容器中時，你看不出他的美，但如果你能適當的將其釋放出去一部分，也許能夠得到不一樣的收獲，例如下圖：

△ ?絕命圖師作品

如果蜘蛛俠沒有“走出屏幕”，沖擊力就不會那么強了。

再比如下圖：

△ ?絕命圖師作品

黑白背景色本來沒有什么關聯，作者用一些元素適當將其打破，增加了一些活力。

這些就是“破”的力量！

其實細節無處不在，多去看那些優秀的作品包裝，你會發現很多很多的細節，這里就不舉那么多例子了。

總結

以上就是我個人對于層級和細節的理解，目前就只整理了這些，大家如果有什么好的方法歡迎與我交流。

當我們沒有什么思路的時候，就多去看看大神們的作品，看看他們是怎么包裝展示的，總結出自己差在哪里，針對每一個點去進行優化。

當然也不要太過依賴于最后的包裝，因為作品本身才是靈魂所在，還是要先把作品做好，再去思考包裝，千萬不要因為懂了點包裝，就把事情搞的本末倒置哦！

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

「幫你包裝作品的好文合集」

1. 《學會這13個方法，才能完整地包裝你的UI設計作品》
2. 《一鍵搞定包裝！超實用的傻瓜式透視效果圖制作神器》
3. 《從平庸到卓越！5個幫你快速提高設計稿質感的實用方法》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量200萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com