Hi，我是彩云。平時看了不少作品集，會發現不少同學本來作品還可以的，卻在展示上沒做好很可惜。作為大廠的面試官，我可以告訴大家的是，視覺設計師的作品集在展示上非常重要，因為它是你專業能力的外在呈現。道理誰都懂，但還是不知道怎么做？找優質的參考很有必要。

今天彩云就幫大家拆解了一些 behance 首頁作品的展示套路，共有 7 點技巧，如果大家能學會并用到作品集中，相信定能加分不少。之前也有專門寫過一篇文章《Behance 首頁推薦的作品集為什么這么高級？我們能從中學到什么？》仔細分析了一些學習的點，今天主要會把這些優質的參考給到大家，簡單直接。

上期回顧

話不多說，下面我會從 7 個方面，拆解首頁作品展示的秘密：

錯開對齊

如果你對自己的排版不是太自信，又擔心排版太死板，錯開展示是一個很容易上手的技巧。只需要把界面稍微錯開一下，展示效果就會好很多。下面就是一些 Behance 大佬用這種手法做的展示效果，可以從背景、作品擺放比例、留白、間距和錯開幅度上進行研究學習。

增加層次感

為了增加展示細節，豐富層次是一個非常好用的展示技巧。如果你的作品界面在視覺上比較寡淡，那么把一些界面元素提取出來，利用投影加多層次感，視覺效果上就可以很快得到提升。這個技巧在執行上也比較簡單，關鍵要注意投影的大小和顏色，千萬別做的太重。

出界設計

有時候，一些界面元素確實視覺效果好的元素太少，比如很多 B 端表格的界面，用這種方法可以增加畫面中的圖片率，將本來隱藏在界面外的圖片進行出界展示，更多利用圖片提升畫面的設計感。

甚至可以將 banner 圖中的元素進行出界，增加設計感。

傾斜設計

傾斜設計，也是一個提升設計感的常用技巧。先在正視角度下擺好，利用技巧 1 錯開一下界面，然后整體旋轉一個角度就能很好的提升畫面表現力，增加設計感。但要注意用這個方法的時候，要保證界面元素的清晰度，不要出現鋸齒。

傾斜后也可以適當增加一些圓點點綴

把一些 UI 組件斜角后，結合層次感設計技巧

傾斜設計+出界+底部方塊裝飾

傾斜設計后，增加一些半透明的裝飾層次設計

3D 厚度設計

現在 3D 設計非常流行，把自己做的界面增加一定的厚度然后結合傾斜設計，也能快速提升界面的設計感。但因帶有傾斜，很容易出現鋸齒。我有一個常用的小技巧是做的時候可以把圖做大一倍，然后再縮小放到作品集中，就能提升清晰度。例如我要做一份 1920x1080 的 PPT，那么我就會先做一個 2x 尺寸，也就是 3840x2160 然后再縮小，會比你直接做 1x 尺寸的圖要清晰很多。

把界面增加 3D 厚度后，再稍微加一些比較輕量的 3D 裝飾元素，常用的有小球、方塊等 3D 元素能讓畫面效果更好。

增加底圖設計

這個技巧要注意讓界面與背景圖自然融合，關鍵在于需要找到一張非常好的圖片，考驗選圖的能力，存在一定的風險。如果你對這種包裝方式不大放心的話，建議你謹慎使用。

比如這張圖，細節點在于界面左邊淺色配上底圖中左邊的白，右邊深色界面搭配右邊深色的山體顏色，看起來就很和諧。

下面這張圖用了一個跟界面中配圖同一個調性的圖片，為了防止干擾界面，還加了一點高斯模糊，效果也非常不錯。

這張圖的底圖用了一些比較具有設計感的圖形，整體比較簡潔高級

常用的一些底圖元素還有圓形，點等等

用一些插畫元素作為底圖也是非常不錯的

套用樣機來展示

前面提到的很多實用技巧，能看到都是不需要用樣機的，我自己更傾向于不用手機模型來展示，即使要用也是比較輕量的那種。有看過不少同學的作品集，其中的樣機用的太過了，不知道的還以為你成了賣手機的作品集。這也是我放到最后一條來說的原因，我更推薦你在不使用樣機的情況下把自己的作品展示做好。

當然，如果用樣機也沒什么大問題，原則還是為作品服務的，保證清晰度，不搶作品本身的視覺就 OK。用上了樣機，它就成了你作品的一部分，要保證樣機是最新的，且質量要高。

關于樣機的話，彩云之前也幫大家找了一些非常高質量的樣機資源，需要的話可以點擊下面的文章看看內容，并找到獲取方式下載使用。

總結

好了，以上就是彩云分析的 Behance 首頁作品的展示秘密，當然并非完全囊括，只是這些技巧非常實用，學會的話，馬上就能用到自己的作品集中去。復盤一遍上面提到的 7 個小技巧：

1. 錯開對齊
2. 增加層次感
3. 出界設計
4. 傾斜設計
5. 3D 厚度設計
6. 增加底圖
7. 套用樣機

希望這篇文章能給你啟發，如果有幫助的話，歡迎轉發分享。

歡迎關注作者的微信公眾號：「彩云譯設計」