Hi，我是彩云。平時看了不少作品集，會發(fā)現(xiàn)不少同學(xué)本來作品還可以的，卻在展示上沒做好很可惜。作為大廠的面試官，我可以告訴大家的是，視覺設(shè)計師的作品集在展示上非常重要，因為它是你專業(yè)能力的外在呈現(xiàn)。道理誰都懂，但還是不知道怎么做？找優(yōu)質(zhì)的參考很有必要。
今天彩云就幫大家拆解了一些 behance 首頁作品的展示套路，共有 7 點技巧，如果大家能學(xué)會并用到作品集中，相信定能加分不少。之前也有專門寫過一篇文章《Behance 首頁推薦的作品集為什么這么高級？我們能從中學(xué)到什么？》仔細(xì)分析了一些學(xué)習(xí)的點，今天主要會把這些優(yōu)質(zhì)的參考給到大家，簡單直接。
上期回顧
話不多說，下面我會從 7 個方面，拆解首頁作品展示的秘密：
如果你對自己的排版不是太自信，又擔(dān)心排版太死板，錯開展示是一個很容易上手的技巧。只需要把界面稍微錯開一下，展示效果就會好很多。下面就是一些 Behance 大佬用這種手法做的展示效果，可以從背景、作品擺放比例、留白、間距和錯開幅度上進(jìn)行研究學(xué)習(xí)。
為了增加展示細(xì)節(jié)，豐富層次是一個非常好用的展示技巧。如果你的作品界面在視覺上比較寡淡，那么把一些界面元素提取出來，利用投影加多層次感，視覺效果上就可以很快得到提升。這個技巧在執(zhí)行上也比較簡單，關(guān)鍵要注意投影的大小和顏色，千萬別做的太重。
有時候，一些界面元素確實視覺效果好的元素太少，比如很多 B 端表格的界面，用這種方法可以增加畫面中的圖片率，將本來隱藏在界面外的圖片進(jìn)行出界展示，更多利用圖片提升畫面的設(shè)計感。
甚至可以將 banner 圖中的元素進(jìn)行出界，增加設(shè)計感。
傾斜設(shè)計，也是一個提升設(shè)計感的常用技巧。先在正視角度下擺好，利用技巧 1 錯開一下界面，然后整體旋轉(zhuǎn)一個角度就能很好的提升畫面表現(xiàn)力，增加設(shè)計感。但要注意用這個方法的時候，要保證界面元素的清晰度，不要出現(xiàn)鋸齒。
傾斜后也可以適當(dāng)增加一些圓點點綴
把一些 UI 組件斜角后，結(jié)合層次感設(shè)計技巧
傾斜設(shè)計+出界+底部方塊裝飾
傾斜設(shè)計后，增加一些半透明的裝飾層次設(shè)計
現(xiàn)在 3D 設(shè)計非常流行，把自己做的界面增加一定的厚度然后結(jié)合傾斜設(shè)計，也能快速提升界面的設(shè)計感。但因帶有傾斜，很容易出現(xiàn)鋸齒。我有一個常用的小技巧是做的時候可以把圖做大一倍，然后再縮小放到作品集中，就能提升清晰度。例如我要做一份 1920x1080 的 PPT，那么我就會先做一個 2x 尺寸，也就是 3840x2160 然后再縮小，會比你直接做 1x 尺寸的圖要清晰很多。
把界面增加 3D 厚度后，再稍微加一些比較輕量的 3D 裝飾元素，常用的有小球、方塊等 3D 元素能讓畫面效果更好。
這個技巧要注意讓界面與背景圖自然融合，關(guān)鍵在于需要找到一張非常好的圖片，考驗選圖的能力，存在一定的風(fēng)險。如果你對這種包裝方式不大放心的話，建議你謹(jǐn)慎使用。
比如這張圖，細(xì)節(jié)點在于界面左邊淺色配上底圖中左邊的白，右邊深色界面搭配右邊深色的山體顏色，看起來就很和諧。
下面這張圖用了一個跟界面中配圖同一個調(diào)性的圖片，為了防止干擾界面，還加了一點高斯模糊，效果也非常不錯。
這張圖的底圖用了一些比較具有設(shè)計感的圖形，整體比較簡潔高級
常用的一些底圖元素還有圓形，點等等
用一些插畫元素作為底圖也是非常不錯的
前面提到的很多實用技巧，能看到都是不需要用樣機(jī)的，我自己更傾向于不用手機(jī)模型來展示，即使要用也是比較輕量的那種。有看過不少同學(xué)的作品集，其中的樣機(jī)用的太過了，不知道的還以為你成了賣手機(jī)的作品集。這也是我放到最后一條來說的原因，我更推薦你在不使用樣機(jī)的情況下把自己的作品展示做好。
當(dāng)然，如果用樣機(jī)也沒什么大問題，原則還是為作品服務(wù)的，保證清晰度，不搶作品本身的視覺就 OK。用上了樣機(jī)，它就成了你作品的一部分，要保證樣機(jī)是最新的，且質(zhì)量要高。
關(guān)于樣機(jī)的話，彩云之前也幫大家找了一些非常高質(zhì)量的樣機(jī)資源，需要的話可以點擊下面的文章看看內(nèi)容，并找到獲取方式下載使用。
好了，以上就是彩云分析的 Behance 首頁作品的展示秘密，當(dāng)然并非完全囊括，只是這些技巧非常實用，學(xué)會的話，馬上就能用到自己的作品集中去。復(fù)盤一遍上面提到的 7 個小技巧：
- 錯開對齊
- 增加層次感
- 出界設(shè)計
- 傾斜設(shè)計
- 3D 厚度設(shè)計
- 增加底圖
- 套用樣機(jī)
希望這篇文章能給你啟發(fā)，如果有幫助的話，歡迎轉(zhuǎn)發(fā)分享。
歡迎關(guān)注作者的微信公眾號：「彩云譯設(shè)計」
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場，未經(jīng)允許不得轉(zhuǎn)載。
繼續(xù)閱讀本文相關(guān)話題
發(fā)評論！每天贏獎品
點擊 登錄 后，在評論區(qū)留言，系統(tǒng)會隨機(jī)派送獎品
2012年成立至今，是國內(nèi)備受歡迎的設(shè)計師平臺，提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 737 位幸運(yùn)星
發(fā)表評論 為下方 6 條評論點贊，解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓