1.圖標(biāo)

對(duì)于UI設(shè)計(jì)師，最早被我們發(fā)現(xiàn)的場(chǎng)景應(yīng)該就是圖標(biāo)了，比如像這種：

也有一些產(chǎn)品有落地使用，比如喜馬拉雅：

當(dāng)然，我覺得結(jié)合效果最好的還是韓國(guó)這款app——naver的底部圖標(biāo)：

效果非常棒！

圖標(biāo)結(jié)合毛玻璃效果是ok的，但是玻璃如果太透明，很容易導(dǎo)致識(shí)別度產(chǎn)生問(wèn)題，所以這也是我們需要特別注意的點(diǎn)。

2.卡片

最近逛了很多be上的ui作品，發(fā)現(xiàn)有一個(gè)界面元素經(jīng)常結(jié)合毛玻璃效果使用，而且還挺好看，這個(gè)元素就是卡片，比如什么銀行卡啊、會(huì)員卡之類的，我們看看效果：

這里需要注意一點(diǎn)，毛玻璃的卡片還是需要和色塊去配合使用的，比如后面還有一張普通卡片，或者后面有一些色塊，這樣效果才會(huì)比較理想。

3.壁紙

以前我做過(guò)手機(jī)os，經(jīng)常需要制作壁紙，做壁紙是最需要時(shí)刻關(guān)注流行趨勢(shì)的，而且壁紙可發(fā)揮空間非常大，沒(méi)有太多規(guī)則和限制，只需要把好看的效果制作出來(lái)就可以了，比如像小米的壁紙就很好的把毛玻璃效果給融進(jìn)去了：

效果還是非常不錯(cuò)的。

4.啟動(dòng)圖

因?yàn)槭橇餍汹厔?shì)，所以現(xiàn)在有一些產(chǎn)品的啟動(dòng)圖也結(jié)合了毛玻璃效果，比如像釘釘啊：

騰訊文檔啊：

等等吧，這也是一個(gè)非常棒的視覺觸點(diǎn)，尤其是在和數(shù)字結(jié)合使用的時(shí)候，簡(jiǎn)單又出效果，有機(jī)會(huì)大家可以嘗試一下。

5.活動(dòng)圖

當(dāng)然，什么風(fēng)格那都少不了活動(dòng)圖啊，那效果也是杠杠滴，看下往上的一些優(yōu)秀組品：

一般都是用在屏幕啊、板子啊等等地方，上面再加點(diǎn)信息，顯得畫面材質(zhì)豐富，耐看度也會(huì)比較高一些。

視頻

除此之外，視頻多媒體領(lǐng)域夜也經(jīng)常使用毛玻璃風(fēng)格，其中最早還是應(yīng)該在微軟的Fluent Design System興起的：

總結(jié)

除了以上這些地方，我們平時(shí)做一些排版包裝，比如封面圖啥的：

咔咔一結(jié)合，那也是很出效果滴。

特殊材質(zhì)一會(huì)還會(huì)流行很長(zhǎng)一段時(shí)間，大家可以多多嘗試，做出自己理想的效果，震驚自己！