UI設(shè)計(jì)中陰影小技巧,讓作品更自然
今天,小編給大家翻譯了一篇作者@Thalion的6個(gè)UI設(shè)計(jì)中陰影小技巧的小技巧,相信你耐心看完后一定會(huì)有所收獲,趕緊get起來(lái)~
1、不要使用陰影的默認(rèn)值
不管你是用Sketch,F(xiàn)igma或者Adobe XD 啥的軟件都沒(méi)有關(guān)系。設(shè)計(jì)工具提供的所有默認(rèn)陰影效果都很一般,會(huì)顯得有點(diǎn)臟。如果要讓陰影看起來(lái)干凈、自然的話,必須修改它們的外觀參數(shù)。

2、讓陰影更柔和一些
一般一些漂亮的陰影都是比較柔和的陰影。如果你想要讓它變得柔和,那么可以降低一些不透明度(大概在10-30%這個(gè)范圍吧,具體自己看),并調(diào)整一下更高的模糊度(16px-40px)??纯催@樣調(diào)整是否改善了陰影的外觀。

3、考慮用帶有模糊的圖層來(lái)代替陰影
標(biāo)準(zhǔn)陰影樣式雖然更方便實(shí)現(xiàn),但是如果你想做的更好的話,可以試試使用模糊作為陰影來(lái)做為單獨(dú)的圖層。用這個(gè)方法可以更好地控制陰影位置以及大小。

4、讓陰影的顏色更自然一些
用純灰色的顏色肯定看起來(lái)不會(huì)好看(純黑白主顏色的除外)。你會(huì)發(fā)現(xiàn)在生活中總是有一種微妙的色彩。給陰影添加UI界面的中性色彩,這樣效果會(huì)更好。

5、把材質(zhì)顏色設(shè)置為陰影
看一下生活中的一些材料,尤其是那種半透明的材料。它們的陰影繼承了該物體的顏色。你可以使用這些色調(diào)來(lái)創(chuàng)建該類型材料的插圖。這樣它看起來(lái)會(huì)更有趣。

6、從生活中尋找靈感
上面的一些例子只是個(gè)開始。多觀察觀察其它物體和材料是如何與光線相互作用的??纯此鼈兪窃趺礃油渡潢幱暗摹伾?、模糊、角度。一般一些優(yōu)秀的成果都始于靈感迸發(fā)的火花。

總結(jié)
這6個(gè)簡(jiǎn)單的小技巧會(huì)使你的陰影設(shè)計(jì)更上一層樓,當(dāng)你將這些簡(jiǎn)單的技巧應(yīng)用到你的項(xiàng)目中,你會(huì)覺(jué)察到你的工作質(zhì)量是如何提高的。

? 本文譯自UXMISFIT.com ?? 作者:THALION
翻譯:Tzw_n。