2022-12-13 資深UI設(shè)計(jì)者
很多時(shí)候,我們會(huì)發(fā)現(xiàn),我們加的質(zhì)感有點(diǎn)平,比如像下面這種:
很明顯,這種地方就有點(diǎn)平:
原因就是因?yàn)椤邦伾魧哟瘟恕?,我們只需要在他的中間再加一層顏色,就可以讓它的質(zhì)感飽滿起來(lái)。
具體步驟就是,我們可以先給它加一些“形狀”然后進(jìn)行羽化:
我們可以看下前后對(duì)比,這樣就不會(huì)那么平了:
一旦發(fā)現(xiàn)質(zhì)感有點(diǎn)平,就可以用這種“顏色掉層次”的思維去嘗試優(yōu)化!
這是一位同學(xué)做的質(zhì)感臨摹練習(xí):
顏色有點(diǎn)太悶了,不夠透徹,我們先來(lái)把顏色弄的透一點(diǎn),我用圓形來(lái)表示,首先我們的顏色不能太重,弄個(gè)小漸變:
這是我們的一個(gè)基礎(chǔ),如果感覺(jué)明暗對(duì)比不夠,可以再適當(dāng)加強(qiáng)對(duì)比:
然后加一點(diǎn)反光,這是非常靈魂的一個(gè)步驟:
然后再加一點(diǎn)左上角的高光:
這時(shí)候我們?cè)賮?lái)加中間的暗部形狀,我們看原版的有一個(gè)很大的問(wèn)題,就是中間的暗部愛(ài)心和背景有點(diǎn)糊在一起了:
就是因?yàn)閮蓪佣际前瞪?,所以沒(méi)有區(qū)分開(kāi),所以這也是為什么我們把背景色調(diào)亮的一個(gè)原因,我們把中間的形狀加上去:
然后再來(lái)個(gè)內(nèi)陰影和邊緣光:
大功告成,我們?cè)賮?lái)對(duì)比下前后的質(zhì)感:
是不是好了很多。
有時(shí)候我們會(huì)覺(jué)得自己的設(shè)計(jì)有點(diǎn)主次不分,這種感覺(jué)往往和顏色有關(guān)。
下面兩個(gè)圓形,你會(huì)覺(jué)得那個(gè)更吸引你的眼球:
對(duì),沒(méi)錯(cuò),肯定是第一個(gè),因?yàn)榈谝粋€(gè)顏色的飽和度比較高,顏色比較純,所以更加吸引眼球。
那我們看下面跟米同學(xué)的啟動(dòng)圖標(biāo)作業(yè):
感覺(jué)所有顏色有點(diǎn)糊在一起,甚至感覺(jué)背景比形象還要吸引眼球,就是因?yàn)楸尘暗念伾柡投忍吡耍?
當(dāng)跟米把背景的顏色飽和度降低時(shí),我們?cè)倏聪滦Ч?
我們可以很清晰的把視線聚焦在吉祥物的身上。
所以我們?cè)谧鲆曈X(jué)的時(shí)候,一定要注意,你的重點(diǎn)是什么,注意飽和度對(duì)比、明暗對(duì)比,千萬(wàn)不要本末倒置!
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com