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