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