玻璃擬態(tài)是今年各大設(shè)計(jì)網(wǎng)站提到的比較多的風(fēng)格，很多文章將其定義為設(shè)計(jì)領(lǐng)域的新趨勢(shì)，我覺(jué)得這并不合理。因?yàn)椴ＡM態(tài)被實(shí)際應(yīng)用的并不多，只能說(shuō)在各設(shè)計(jì)網(wǎng)站上比較流行，有設(shè)計(jì)師自身拿來(lái)“意淫”的成分。
玻璃擬態(tài)尤其不適合在實(shí)際項(xiàng)目中的界面設(shè)計(jì)上使用，其主要不足有以下幾點(diǎn)：①頁(yè)面需要大量留白，過(guò)渡占用空間，②在日光環(huán)境下辨識(shí)度太低 ③開(kāi)發(fā)實(shí)現(xiàn)成本高，渲染占用系統(tǒng)資源④除了新穎，視覺(jué)效果一般為了設(shè)計(jì)師“一己私欲”，這犧牲是不是有點(diǎn)過(guò)大了？
如果界面非要做成玻璃擬態(tài)的效果，我覺(jué)得只有在深色背景+黑夜模式下效果是最佳的。
難道被設(shè)計(jì)師煞費(fèi)苦心發(fā)明出來(lái)的玻璃擬態(tài)就這么被拋棄了？不是的，我們只是全盤否定了用玻璃擬態(tài)做界面，但是用來(lái)做背景和圖標(biāo)還是可以的（做效果圖也不錯(cuò)）。
做背景我就不多說(shuō)了，iOS 14，macOS Big Sur 和 Windows 10 20H2上用到的比較多，跟早期說(shuō)的毛玻璃效果類似。
今天主要介紹下擬態(tài)圖標(biāo)的實(shí)現(xiàn)方法，技法很簡(jiǎn)單，實(shí)現(xiàn)過(guò)程中有三個(gè)細(xì)節(jié)需要注：
1、模糊方式需要選擇“背景模糊”
當(dāng)模糊選項(xiàng)里背景模糊離奇消失時(shí)，試試重新選擇一下其他模糊選項(xiàng)就會(huì)再次出現(xiàn)
2、一定要給圖層樣式填充添加不透明度而不是在圖層外觀里面添加
3、模糊圖層的投影只投在后面的圖層上：
如上圖，圖層A的投影只顯示與圖層B重疊區(qū)域的部分，投在B區(qū)域外的不顯示，這需要把A復(fù)制一層加上投影，然后用B作為蒙版層對(duì)A的投影進(jìn)行遮罩。
設(shè)計(jì)的關(guān)鍵在于遮擋部分實(shí)現(xiàn)的效果，圖層A加投影是為了前后界限和空間區(qū)分更明顯，模糊層A還可以細(xì)化加內(nèi)隱影效果: 可以加兩個(gè)一深一淺，淺的作為投影處的暗部反光，加兩個(gè)也是為了讓界限明顯一些（尤其是在不透明度很低和深色背景下增加內(nèi)陰影更加有必要）；其他效果可以自由發(fā)揮，如給整體加彌散投影、初始圖層加一些微漸變等。
其它我就不多說(shuō)了，下面是網(wǎng)上找的一些案例，效果和種類基本就這些，大家可以結(jié)合應(yīng)用場(chǎng)景參考下。
更多干活查看“小桔設(shè)計(jì)”公粽號(hào)
