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