1、錯(cuò)開(kāi)對(duì)齊

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

2、增加層次感

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

3、出界設(shè)計(jì)

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

甚至可以將banner圖中的元素進(jìn)行出界，增加設(shè)計(jì)感。

4、傾斜設(shè)計(jì)

傾斜設(shè)計(jì)，也是一個(gè)提升設(shè)計(jì)感的常用技巧。先在正視角度下擺好，利用技巧1錯(cuò)開(kāi)一下界面，然后整體旋轉(zhuǎn)一個(gè)角度就能很好的提升畫(huà)面表現(xiàn)力，增加設(shè)計(jì)感。但要注意用這個(gè)方法的時(shí)候，要保證界面元素的清晰度，不要出現(xiàn)鋸齒。

傾斜后也可以適當(dāng)增加一些圓點(diǎn)點(diǎn)綴

把一些UI 組件斜角后，結(jié)合層次感設(shè)計(jì)技巧

傾斜設(shè)計(jì)+出界+底部方塊裝飾

傾斜設(shè)計(jì)后，增加一些半透明的裝飾層次設(shè)計(jì)

5、3D厚度設(shè)計(jì)

現(xiàn)在3D設(shè)計(jì)非常流行，把自己做的界面增加一定的厚度然后結(jié)合傾斜設(shè)計(jì)，也能快速提升界面的設(shè)計(jì)感。

但因帶有傾斜，很容易出現(xiàn)鋸齒。我有一個(gè)常用的小技巧是做的時(shí)候可以把圖做大一倍，然后再縮小放到作品集中，就能提升清晰度。例如我要做一份1920×1080的PPT，那么我就會(huì)先做一個(gè)2x 尺寸，也就是3840×2160然后再縮小，會(huì)比你直接做1x尺寸的圖要清晰很多。

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

6、增加底圖設(shè)計(jì)

這個(gè)技巧要注意讓界面與背景圖自然融合，關(guān)鍵在于需要找到一張非常好的圖片，考驗(yàn)選圖的能力，存在一定的風(fēng)險(xiǎn)。如果你對(duì)這種包裝方式不大放心的話，建議你謹(jǐn)慎使用。

比如這張圖，細(xì)節(jié)點(diǎn)在于界面左邊淺色配上底圖中左邊的白，右邊深色界面搭配右邊深色的山體顏色，看起來(lái)就很和諧。

下面這張圖用了一個(gè)跟界面中配圖同一個(gè)調(diào)性的圖片，為了防止干擾界面，還加了一點(diǎn)高斯模糊，效果也非常不錯(cuò)。

這張圖的底圖用了一些比較具有設(shè)計(jì)感的圖形，整體比較簡(jiǎn)潔高級(jí)

常用的一些底圖元素還有圓形，點(diǎn)等等

用一些插畫(huà)元素作為底圖也是非常不錯(cuò)的

7、套用樣機(jī)來(lái)展示

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

當(dāng)然，如果用樣機(jī)也沒(méi)什么大問(wèn)題，原則還是為作品服務(wù)的，保證清晰度，不搶作品本身的視覺(jué)就OK。用上了樣機(jī)，它就成了你作品的一部分，要保證樣機(jī)是最新的，且質(zhì)量要高。

關(guān)于樣機(jī)的話，彩云之前也幫大家找了一些非常高質(zhì)量的樣機(jī)資源，需要的話可以點(diǎn)擊下面的文章看看內(nèi)容，并找到獲取方式下載使用。

《2021年全網(wǎng)最新品質(zhì)最好的樣機(jī)資源被我找到了，免費(fèi)分享給你！》

《2021年全網(wǎng)最好的樣機(jī)資源都在這里，收藏這一篇就夠了！》

原文地址：彩云譯設(shè)計(jì)（公眾號(hào)）

作者：彩云Sky

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》Behance 首頁(yè)推薦的作品集為什么這么高級(jí)？為你拆解其中7個(gè)秘密