@菜心設(shè)計(jì)鋪 :上期簡(jiǎn)單的介紹了幾點(diǎn)包裝的技巧,這期再分享一波,接著上期,再深入的討論一下關(guān)于包裝的技巧。
上期回顧:《想讓作品從80分到100分?你需要這3個(gè)包裝作品的小技巧!》
我們包裝的目標(biāo)就是:吸引眼球!
我個(gè)人覺得要想吸引眼球就要注意以下兩點(diǎn)——層級(jí)與細(xì)節(jié)。
接下來的時(shí)間,我們就來了解一下層級(jí)與細(xì)節(jié)具體是什么》
一. ?層級(jí)
1.1 顏色層級(jí)
很多作品包裝背景顏色都是有深有淺,為什么?
其實(shí)就是打造一種顏色層級(jí),刺激視覺感官,看下圖:
左側(cè)黑白相間的版本要比右側(cè)純黑色層級(jí)更豐富,在展示作品的時(shí)候,就會(huì)給人一種視覺沖擊力。
來看真實(shí)的作品排版包裝,如下圖:
當(dāng)然顏色層級(jí)不一定非要用深淺,色相的對(duì)比也可以,如下圖:
△ ?behance優(yōu)秀作品
但是色相比較難控制,對(duì)新人來說最好的方法就是主色和白色相間使用,不易出錯(cuò)。
1.2 內(nèi)容層級(jí)
們每做完一個(gè)作品包裝,可以審查一遍,看看整體一共可以分為幾層,如果只有兩層,那就重新做吧。
我們來看看優(yōu)秀的包裝如何讓層級(jí)豐富。
比如使用一些模型,并讓界面局部與模型分離:
△ ?behance優(yōu)秀作品
再比如讓背景多幾個(gè)層次:
△ ?behance優(yōu)秀作品
再比如像拍照一樣,讓景深變長(zhǎng),在前景增加修飾物,如下圖:
△ ?behance優(yōu)秀作品
1.3 方向?qū)蛹?jí)
方向?qū)蛹?jí)意思就是展示的內(nèi)容不要都放在同一個(gè)方向,要有變化,左右一定要混合使用,不然看著就會(huì)死氣沉沉的。
比如下面這張圖:
右側(cè)的排版是不是要比左側(cè)靈活很多?
我?guī)湍愦鹆耍菏堑模?/p>
那我們?cè)倏纯磧?yōu)秀的案例:
△ ?behance優(yōu)秀作品
主形象的方向順序是右-左-右,看起來變化很豐富。
二. 細(xì)節(jié)
細(xì)節(jié)體現(xiàn)專業(yè),這句話大家應(yīng)該都聽過,但是也許很多人并不知道這個(gè)細(xì)節(jié)到底是什么,能舉幾個(gè)例子嗎?
接下來我們就來舉幾個(gè)活生生的例子。
1.1 加點(diǎn)小修飾
△ ?behance優(yōu)秀作品
整個(gè)展示界面加了很多點(diǎn)、線、面的元素,使整體看起來很豐富,但是上期說過了,這種方式不好駕馭,一定要謹(jǐn)慎使用。
1.2 質(zhì)感上的細(xì)節(jié)
圖片素材的質(zhì)感,手機(jī)模型的質(zhì)感等等都是提高美觀的細(xì)節(jié),如下圖:
△ ?絕命圖師作品
手機(jī)模型上加一層屏幕的反光,顯得質(zhì)感倍增,再加上圖片的質(zhì)量很高,所以最后的視覺效果非常棒。
1.3 適當(dāng)加點(diǎn)投影
投影是一個(gè)非常出效果的方法,但很容易用臟,一定要多練:
△ ?behance優(yōu)秀作品
1.4 適當(dāng)?shù)摹捌啤?/strong>
當(dāng)一個(gè)東西規(guī)規(guī)矩矩的放在一個(gè)容器中時(shí),你看不出他的美,但如果你能適當(dāng)?shù)膶⑵溽尫懦鋈ヒ徊糠?,也許能夠得到不一樣的收獲,例如下圖:
△ ?絕命圖師作品
如果蜘蛛俠沒有“走出屏幕”,沖擊力就不會(huì)那么強(qiáng)了。
再比如下圖:
△ ?絕命圖師作品
黑白背景色本來沒有什么關(guān)聯(lián),作者用一些元素適當(dāng)將其打破,增加了一些活力。
這些就是“破”的力量!
其實(shí)細(xì)節(jié)無處不在,多去看那些優(yōu)秀的作品包裝,你會(huì)發(fā)現(xiàn)很多很多的細(xì)節(jié),這里就不舉那么多例子了。
總結(jié)
以上就是我個(gè)人對(duì)于層級(jí)和細(xì)節(jié)的理解,目前就只整理了這些,大家如果有什么好的方法歡迎與我交流。
當(dāng)我們沒有什么思路的時(shí)候,就多去看看大神們的作品,看看他們是怎么包裝展示的,總結(jié)出自己差在哪里,針對(duì)每一個(gè)點(diǎn)去進(jìn)行優(yōu)化。
當(dāng)然也不要太過依賴于最后的包裝,因?yàn)樽髌繁旧聿攀庆`魂所在,還是要先把作品做好,再去思考包裝,千萬不要因?yàn)槎它c(diǎn)包裝,就把事情搞的本末倒置哦!
歡迎關(guān)注作者的微信公眾號(hào):「菜心設(shè)計(jì)鋪」
「幫你包裝作品的好文合集」
- 《學(xué)會(huì)這13個(gè)方法,才能完整地包裝你的UI設(shè)計(jì)作品》
- 《一鍵搞定包裝!超實(shí)用的傻瓜式透視效果圖制作神器》
- 《從平庸到卓越!5個(gè)幫你快速提高設(shè)計(jì)稿質(zhì)感的實(shí)用方法》
【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:yuan@uisdc.com】
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量200萬的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 753 位幸運(yùn)星
發(fā)表評(píng)論 為下方 1 條評(píng)論點(diǎn)贊,解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓