2021年都過去一大半了,我才知道這個流行趨勢,可以這樣用!

2021-12-6    seo達(dá)人


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興起的:

圖片

圖片

視頻內(nèi)容可見地址:https://mp.weixin.qq.com/s/53VbJAmh-SX-KcsQBTbtcw
現(xiàn)在已經(jīng)在很多產(chǎn)品宣傳視頻上都有用到多了。

 

總結(jié)

除了以上這些地方,我們平時做一些排版包裝,比如封面圖啥的:

圖片

圖片

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

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

 

原文地址:菜心設(shè)計(jì)鋪(公眾號)
作者:菜心設(shè)計(jì)鋪
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》2021年都過去一大半了,我才知道這個流行趨勢,可以這樣用!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(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ù)


分享本文至:

日歷

鏈接

個人資料

存檔