升級篇|上傳作品,咱要包裝一下

4 評論 7490 瀏覽 30 收藏 8 分鐘

上期簡單地介紹了幾點(diǎn)包裝的技巧,這期再分享一波,接著上期,再深入的討論一下關(guān)于包裝的技巧。

我們包裝的目標(biāo)就是:吸引眼球!

我個人覺得要想吸引眼球就要注意以下兩點(diǎn)——層級與細(xì)節(jié)。

接下來的時間,我們就來了解一下層級與細(xì)節(jié)具體是什么!

1 層級

1.1 顏色層級

很多作品包裝背景顏色都是有深有淺,為什么?

其實(shí)就是打造一種顏色層級,刺激視覺感官,看下圖:

左側(cè)黑白相間的版本要比右側(cè)純黑色層級更豐富,在展示作品的時候,就會給人一種視覺沖擊力。

來看真實(shí)的作品排版包裝,如下圖:

behance優(yōu)秀作品

當(dāng)然,顏色層級不一定非要用深淺,色相的對比也可以,如下圖:

behance優(yōu)秀作品

但是色相比較難控制,對新人來說最好的方法就是主色和白色相間使用,不易出錯。

1.2 內(nèi)容層級

我們每做完一個作品包裝,可以審查一遍,看看整體一共可以分為幾層,如果只有兩層,那就重新做吧。

我們來看看優(yōu)秀的包裝如何讓層級豐富。

比如使用一些模型,并讓界面局部與模型分離:

behance優(yōu)秀作品

再比如讓背景多幾個層次:

behance優(yōu)秀作品

再比如像拍照一樣,讓景深變長,在前景增加修飾物,如下圖:

behance優(yōu)秀作品

1.3 方向?qū)蛹?/strong>

方向?qū)蛹壱馑季褪钦故镜膬?nèi)容不要都放在同一個方向,要有變化,左右一定要混合使用,不然看著就會死氣沉沉的。

比如下面這張圖:

右側(cè)的排版是不是要比左側(cè)靈活很多?

我?guī)湍愦鹆耍菏堑模?/p>

那我們再看看優(yōu)秀的案例:

behance優(yōu)秀作品

主形象的方向順序是右-左-右,看起來變化很豐富。

2 細(xì)節(jié)

細(xì)節(jié)體現(xiàn)專業(yè),這句話大家應(yīng)該都聽過,但是也許很多人并不知道這個細(xì)節(jié)到底是什么,能舉幾個例子嗎?

接下來我們就來舉幾個活生生的例子。

1.1 加點(diǎn)小修飾

behance優(yōu)秀作品

整個展示界面加了很多點(diǎn)、線、面的元素,使整體看起來很豐富,但是上期說過了,這種方式不好駕馭,一定要謹(jǐn)慎使用。

1.2 質(zhì)感上的細(xì)節(jié)

圖片素材的質(zhì)感,手機(jī)模型的質(zhì)感等等都是提高美觀的細(xì)節(jié),如下圖:

絕命圖師作品

絕命圖師作品

手機(jī)模型上加一層屏幕的反光,顯得質(zhì)感倍增,再加上圖片的質(zhì)量很高,所以最后的視覺效果非常棒。

1.3 適當(dāng)加點(diǎn)投影

投影是一個非常出效果的方法,但很容易用臟,一定要多練:

behance優(yōu)秀作品

1.4 適當(dāng)?shù)摹捌啤?/strong>

當(dāng)一個東西規(guī)規(guī)矩矩的放在一個容器中時,你看不出他的美,但如果你能適當(dāng)?shù)膶⑵溽尫懦鋈ヒ徊糠?,也許能夠得到不一樣的收獲,例如下圖:

絕命圖師作品

如果蜘蛛俠沒有“走出屏幕”,沖擊力就不會那么強(qiáng)了。

再比如下圖:

絕命圖師作品

黑白背景色本來沒有什么關(guān)聯(lián),作者用一些元素適當(dāng)將其打破,增加了一些活力。

這些就是“破”的力量!

其實(shí)細(xì)節(jié)無處不在,多去看那些優(yōu)秀的作品包裝,你會發(fā)現(xiàn)很多很多的細(xì)節(jié),這里就不舉那么多例子了。

總結(jié)

以上就是我個人對于層級和細(xì)節(jié)的理解,目前就只整理了這些,大家如果有什么好的方法歡迎與我交流。

當(dāng)我們沒有什么思路的時候,就多去看看大神們的作品,看看他們是怎么包裝展示的,總結(jié)出自己的差在哪里,針對每一個點(diǎn)去進(jìn)行優(yōu)化。

當(dāng)然也不要太過依賴于最后的包裝,因?yàn)樽髌繁旧聿攀庆`魂所在,還是要先把作品做好,再去思考包裝,千萬不要因?yàn)槎它c(diǎn)包裝,就把事情搞的本末倒置哦!

相關(guān)閱讀

案例分析|上傳作品時,設(shè)計(jì)師也要包裝一下

#專欄作家#

菜心,微信公眾號:菜心設(shè)計(jì)鋪,人人都是產(chǎn)品經(jīng)理專欄作家,前華為ITUX用戶體驗(yàn)設(shè)計(jì)師(主視覺),3年工作經(jīng)驗(yàn),參與華為Welink、3MS、連長社區(qū)等多個項(xiàng)目的用戶體驗(yàn)設(shè)計(jì)工作。歡迎大家互相交流關(guān)注。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 可以推薦幾個作品包裝網(wǎng)站嗎

    來自北京 回復(fù)
  2. 多謝分享,小白請教一下這種圖是用什么做的?

    來自湖北 回復(fù)
  3. 看了之前的,每天都來支持下,加油哇~

    來自廣東 回復(fù)
    1. 謝謝支持,加油加油

      來自廣東 回復(fù)