1、錯開對齊
如果你對自己的排版不是太自信,又擔(dān)心排版太死板,錯開展示是一個很容易上手的技巧。只需要把界面稍微錯開一下,展示效果就會好很多。下面就是一些Behance大佬用這種手法做的展示效果,可以從背景,作品擺放比例,留白,間距和錯開幅度上進行研究學(xué)習(xí)。
2、增加層次感
為了增加展示細節(jié),豐富層次是一個非常好用的展示技巧。如果你的作品界面在視覺上比較寡淡,那么把一些界面元素提取出來,利用投影加多層次感,視覺效果上就可以很快得到提升。這個技巧在執(zhí)行上也比較簡單,關(guān)鍵要注意投影的大小和顏色,千萬別做的太重。
3、出界設(shè)計
有時候,一些界面元素確實視覺效果好的元素太少,比如很多B端表格的界面,用這種方法可以增加畫面中的圖片率,將本來隱藏在界面外的圖片進行出界展示,更多利用圖片提升畫面的設(shè)計感。
甚至可以將banner圖中的元素進行出界,增加設(shè)計感。
4、傾斜設(shè)計
傾斜設(shè)計,也是一個提升設(shè)計感的常用技巧。先在正視角度下擺好,利用技巧1錯開一下界面,然后整體旋轉(zhuǎn)一個角度就能很好的提升畫面表現(xiàn)力,增加設(shè)計感。但要注意用這個方法的時候,要保證界面元素的清晰度,不要出現(xiàn)鋸齒。
傾斜后也可以適當(dāng)增加一些圓點點綴
把一些UI 組件斜角后,結(jié)合層次感設(shè)計技巧
傾斜設(shè)計+出界+底部方塊裝飾
傾斜設(shè)計后,增加一些半透明的裝飾層次設(shè)計
5、3D厚度設(shè)計
現(xiàn)在3D設(shè)計非常流行,把自己做的界面增加一定的厚度然后結(jié)合傾斜設(shè)計,也能快速提升界面的設(shè)計感。
但因帶有傾斜,很容易出現(xiàn)鋸齒。我有一個常用的小技巧是做的時候可以把圖做大一倍,然后再縮小放到作品集中,就能提升清晰度。例如我要做一份1920×1080的PPT,那么我就會先做一個2x 尺寸,也就是3840×2160然后再縮小,會比你直接做1x尺寸的圖要清晰很多。
把界面增加3D厚度后,再稍微加一些比較輕量的3D裝飾元素,常用的有小球、方塊等3D元素能讓畫面效果更好。
6、增加底圖設(shè)計
這個技巧要注意讓界面與背景圖自然融合,關(guān)鍵在于需要找到一張非常好的圖片,考驗選圖的能力,存在一定的風(fēng)險。如果你對這種包裝方式不大放心的話,建議你謹慎使用。
比如這張圖,細節(jié)點在于界面左邊淺色配上底圖中左邊的白,右邊深色界面搭配右邊深色的山體顏色,看起來就很和諧。
下面這張圖用了一個跟界面中配圖同一個調(diào)性的圖片,為了防止干擾界面,還加了一點高斯模糊,效果也非常不錯。
這張圖的底圖用了一些比較具有設(shè)計感的圖形,整體比較簡潔高級
常用的一些底圖元素還有圓形,點等等
用一些插畫元素作為底圖也是非常不錯的
7、套用樣機來展示
前面提到的很多實用技巧,能看到都是不需要用樣機的,我自己更傾向于不用手機模型來展示,即使要用也是比較輕量的那種。有看過不少同學(xué)的作品集,其中的樣機用的太過了,不知道的還以為你成了賣手機的作品集。這也是我放到最后一條來說的原因,我更推薦你在不使用樣機的情況下把自己的作品展示做好。
當(dāng)然,如果用樣機也沒什么大問題,原則還是為作品服務(wù)的,保證清晰度,不搶作品本身的視覺就OK。用上了樣機,它就成了你作品的一部分,要保證樣機是最新的,且質(zhì)量要高。
關(guān)于樣機的話,彩云之前也幫大家找了一些非常高質(zhì)量的樣機資源,需要的話可以點擊下面的文章看看內(nèi)容,并找到獲取方式下載使用。
《2021年全網(wǎng)最新品質(zhì)最好的樣機資源被我找到了,免費分享給你!》
《2021年全網(wǎng)最好的樣機資源都在這里,收藏這一篇就夠了!》
原文地址:彩云譯設(shè)計(公眾號)
作者:彩云Sky
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》Behance 首頁推薦的作品集為什么這么高級?為你拆解其中7個秘密
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設(shè)計( www.hglv.net )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司