1.圖標(biāo)
對于UI設(shè)計(jì)師,最早被我們發(fā)現(xiàn)的場景應(yīng)該就是圖標(biāo)了,比如像這種:
也有一些產(chǎn)品有落地使用,比如喜馬拉雅:
當(dāng)然,我覺得結(jié)合效果最好的還是韓國這款app——naver的底部圖標(biāo):
效果非常棒!
圖標(biāo)結(jié)合毛玻璃效果是ok的,但是玻璃如果太透明,很容易導(dǎo)致識別度產(chǎn)生問題,所以這也是我們需要特別注意的點(diǎn)。
2.卡片
最近逛了很多be上的ui作品,發(fā)現(xiàn)有一個界面元素經(jīng)常結(jié)合毛玻璃效果使用,而且還挺好看,這個元素就是卡片,比如什么銀行卡啊、會員卡之類的,我們看看效果:
這里需要注意一點(diǎn),毛玻璃的卡片還是需要和色塊去配合使用的,比如后面還有一張普通卡片,或者后面有一些色塊,這樣效果才會比較理想。
3.壁紙
以前我做過手機(jī)os,經(jīng)常需要制作壁紙,做壁紙是最需要時刻關(guān)注流行趨勢的,而且壁紙可發(fā)揮空間非常大,沒有太多規(guī)則和限制,只需要把好看的效果制作出來就可以了,比如像小米的壁紙就很好的把毛玻璃效果給融進(jìn)去了:
效果還是非常不錯的。
4.啟動圖
因?yàn)槭橇餍汹厔?,所以現(xiàn)在有一些產(chǎn)品的啟動圖也結(jié)合了毛玻璃效果,比如像釘釘啊:
騰訊文檔?。?
等等吧,這也是一個非常棒的視覺觸點(diǎn),尤其是在和數(shù)字結(jié)合使用的時候,簡單又出效果,有機(jī)會大家可以嘗試一下。
5.活動圖
當(dāng)然,什么風(fēng)格那都少不了活動圖啊,那效果也是杠杠滴,看下往上的一些優(yōu)秀組品:
一般都是用在屏幕啊、板子啊等等地方,上面再加點(diǎn)信息,顯得畫面材質(zhì)豐富,耐看度也會比較高一些。
視頻
除此之外,視頻多媒體領(lǐng)域夜也經(jīng)常使用毛玻璃風(fēng)格,其中最早還是應(yīng)該在微軟的Fluent Design System興起的:
總結(jié)
除了以上這些地方,我們平時做一些排版包裝,比如封面圖啥的:
咔咔一結(jié)合,那也是很出效果滴。
特殊材質(zhì)一會還會流行很長一段時間,大家可以多多嘗試,做出自己理想的效果,震驚自己!
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)