傳播文化錦繡,塑造企業(yè)靈魂

Behance 首頁(yè)推薦的作品集為什么這么高級(jí)?為你拆解其中7個(gè)秘密

視覺(jué)設(shè)計(jì)師的作品集在展示上非常重要,因?yàn)樗悄銓?zhuān)業(yè)能力的外在呈現(xiàn)。道理誰(shuí)都懂,但還是不知道怎么做?找優(yōu)質(zhì)的參考很有必要。


今天我們就幫大家拆解了一些behance首頁(yè)作品的展示套路,共有7點(diǎn)技巧,如果大家能學(xué)會(huì)并用到作品集中,相信定能加分不少。之前也有專(zhuān)門(mén)寫(xiě)過(guò)一篇文章Behance首頁(yè)推薦的作品集為什么這么高級(jí)?我們能從中學(xué)到什么?仔細(xì)分析了一些學(xué)習(xí)的點(diǎn),今天主要會(huì)把這些優(yōu)質(zhì)的參考給到大家,簡(jiǎn)單直接。

話不多說(shuō),下面我會(huì)從7個(gè)方面,拆解首頁(yè)作品展示的秘密:


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


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


1.png2.jpg3.jpg4.png5.png6.png7.png8.png





2、增加層次感


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

9.png10.png11.png12.jpg



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


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



13.png14.png15.png16.png17.png


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



   18.jpg

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)綴

19.png






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




20.png21.jpg


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

22.png

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


23.jpg

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


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


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


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


24.jpg25.png26.png27.png28.jpg29.jpg30.jpg31.png


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


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


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

32.png


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

33.png


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

34.png


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


35.png36.png37.png38.png


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

39.jpg

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


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


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

40.png41.png

總結(jié)


好了,以上就是彩云分析的Behance首頁(yè)作品的展示秘密,當(dāng)然并非完全囊括,只是這些技巧非常實(shí)用,學(xué)會(huì)的話,馬上就能用到自己的作品集中去。復(fù)盤(pán)一遍上面提到的7個(gè)小技巧:


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

  • 增加層次感

  • 出界設(shè)計(jì)

  • 傾斜設(shè)計(jì)

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

  • 增加底圖

  • 套用樣機(jī)





口碑好,服務(wù)周到,打造專(zhuān)業(yè)品牌!
GOOD REPUTATION, GOOD SERVICE, TO CREATE A PROFESSIONAL PILOT BRAND
關(guān)于我們

憑著白鯨文化傳媒的媒體優(yōu)勢(shì)以及出色的技術(shù)和服務(wù),白鯨文化傳媒已經(jīng)成為省內(nèi)外的綜合服務(wù)提供商。公司與多家省內(nèi)外知名企業(yè)、政府機(jī)關(guān)單位建立起了廣泛良好的合作關(guān)系。 優(yōu)秀的服務(wù)質(zhì)量,完美的客戶體驗(yàn)以及高水準(zhǔn)的專(zhuān)業(yè)服務(wù)團(tuán)隊(duì),為企業(yè)建立優(yōu)秀的公司形象、打造卓越廣泛的品牌知名度,構(gòu)建企業(yè)的核心競(jìng)爭(zhēng)力優(yōu)勢(shì)。公司與多家省內(nèi)外知名企業(yè)建立起了廣泛良好的合作關(guān)系。
聯(lián)系我們
廣東省廣州市南沙區(qū)富佳北街73號(hào)
13423663453     |     020-39006895