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ǔ)，如果感覺明暗對(duì)比不夠，可以再適當(dāng)加強(qiáng)對(duì)比：
然后加一點(diǎn)反光，這是非常靈魂的一個(gè)步驟：
然后再加一點(diǎn)左上角的高光：
這時(shí)候我們?cè)賮?lái)加中間的暗部形狀，我們看原版的有一個(gè)很大的問(wèn)題，就是中間的暗部愛心和背景有點(diǎn)糊在一起了：
就是因?yàn)閮蓪佣际前瞪?，所以沒(méi)有區(qū)分開，所以這也是為什么我們把背景色調(diào)亮的一個(gè)原因，我們把中間的形狀加上去：
然后再來(lái)個(gè)內(nèi)陰影和邊緣光：
大功告成，我們?cè)賮?lái)對(duì)比下前后的質(zhì)感：
是不是好了很多。
有時(shí)候我們會(huì)覺得自己的設(shè)計(jì)有點(diǎn)主次不分，這種感覺往往和顏色有關(guān)。
下面兩個(gè)圓形，你會(huì)覺得那個(gè)更吸引你的眼球：
對(duì)，沒(méi)錯(cuò)，肯定是第一個(gè)，因?yàn)榈谝粋€(gè)顏色的飽和度比較高，顏色比較純，所以更加吸引眼球。
那我們看下面跟米同學(xué)的啟動(dòng)圖標(biāo)作業(yè)：
感覺所有顏色有點(diǎn)糊在一起，甚至感覺背景比形象還要吸引眼球，就是因?yàn)楸尘暗念伾柡投忍吡耍?
當(dāng)跟米把背景的顏色飽和度降低時(shí)，我們?cè)倏聪滦Ч?
我們可以很清晰的把視線聚焦在吉祥物的身上。
所以我們?cè)谧鲆曈X的時(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://m.b186.net