国产69囗曝吞精在线视频,肥臀浪妇太爽了快点再快点,亚洲欧洲成人a∨在线观看,狠狠色丁香久久综合 ,国精一二二产品无人区免费应用,亚洲精品久久久久中文字幕,四虎一区二区成人免费影院网址 ,无码三级中文字幕在线观看

      「玻璃擬物化」你知多少?

      2021-4-13    鶴鶴

      去年大家看到更多的設(shè)計(jì)和文章都在圍繞“新擬物化”展開行動,隨著各種硬件的提升,代碼的優(yōu)化,更多的風(fēng)格和效果一一出現(xiàn)在我們的生活中,而今天呢,我們一起探索一下生活中最常見的,你可能沒有注意到的設(shè)計(jì)風(fēng)格——“玻璃擬物化”風(fēng)格,英文“Glassmorphism”,這也可能會成為新的設(shè)計(jì)趨勢。 




      什么是玻璃擬物化呢? 


      在生活中的攝影,通過玻璃的層次感,給人以朦朧的美感,那什么是玻璃擬物化呢?



      顯而易見,Glassmorphism 這個詞是 Glass(玻璃)和 Skeumorphism(擬物化)的結(jié)合,我們姑且將其稱之為「玻璃擬物化設(shè)計(jì)」。 




      油管一管主Malewicz 小哥對于這種風(fēng)格特征歸結(jié)為4點(diǎn):


      • 透明:使用帶有模糊磨砂質(zhì)感背景的透明效果

      • 懸浮:帶有明顯懸浮感的多個層級

      • 鮮明:使用鮮艷色彩作為強(qiáng)調(diào)色并且從半透明層中透出

      • 微妙:使用輕薄微妙的邊框來強(qiáng)化物理質(zhì)感



      簡單的來說,「玻璃擬物化」在某些方面和「新擬物化」是一脈相承的,但是它有著相對更加具體的視覺隱喻,也就是我們?nèi)粘=佑|的「玻璃」。  



      玻璃擬物化的優(yōu)點(diǎn)有哪些? 


      1.愉悅感 

      玻璃擬物化的應(yīng)用,讓扁平的UI界面不那么單調(diào),打破了人們的視覺疲勞,增添歡快、愉悅的設(shè)呈現(xiàn)效果。 

      2.層次感 


      通過玻璃透明,加周圍顏色環(huán)境的烘托,頁面的層次能更容易的呈現(xiàn)出來。 
















      3.呈現(xiàn)語境 

      你在哪,從哪里來,玻璃擬物化就很明白的告訴你了。通過透明的玻璃材質(zhì),能告訴你所覆蓋的層級。



      4.微妙高級感 


      例如,以往的電商產(chǎn)品設(shè)計(jì)界面,更多的體現(xiàn)材質(zhì)或者簡約風(fēng)體現(xiàn)產(chǎn)品本身,但玻璃擬物化會讓產(chǎn)品在呈現(xiàn)中更顯高級。  







      玻璃擬物化的設(shè)計(jì)風(fēng)格從哪里來呢?

      追根溯源。其實(shí)還是要追更到蘋果頭上。  



      蘋果的合計(jì)將玻璃擬物化的風(fēng)格運(yùn)用的惟妙惟肖,無論是mac,iPhone還是iPad,設(shè)計(jì)風(fēng)格都保持著相對一致的玻璃擬物化風(fēng)格。 


      重點(diǎn)來了,

      玻璃擬物化如何用Sketch來設(shè)計(jì)一個玻璃面呢? 

      首先:我們打開sketch,建立一個畫板,隨便找張圖片作為背景,畫一個白色矩形 



      接下來:調(diào)整矩形的屬性,再填充色中設(shè)置透明度為50%,邊框可以吸取一個30%透明的白色,2px,再添加一個環(huán)境色的10%陰影,做出層次感,最后就是調(diào)整玻璃模糊的效果了,玻璃擬物的關(guān)鍵就在于sketch自帶的背景模糊功能,我們常常以為這里只有一個高斯模糊,但卻忽略隱藏在里面的其他模糊效果。設(shè)置背景模糊值為10%,不用太大,太大的話模糊效果就沒有那么真實(shí)了,具體調(diào)整還是要看效果。我們看效果: 



      單層的效果不是很明顯,我們復(fù)制兩個調(diào)好的玻璃效果,調(diào)整他們的透明度,底部的透明度為70%、中間的為50%,最上層的為30%,看效果:


      在界面設(shè)計(jì)中,就可以通過不同層級,調(diào)整對應(yīng)的參數(shù),達(dá)到更好的層級效果。 


      那深色模式怎么辦呢?


      很簡單,我們復(fù)制這三個矩形,填充色設(shè)為黑色,可以不是純黑色,根據(jù)設(shè)計(jì)規(guī)范來定,看效果:  



      在圖標(biāo)中怎么用玻璃擬物化設(shè)計(jì)呢?


      玻璃是屬于透明物體,所以我們就了解到,通過玻璃看物體,層次感就出來了。 
      所以圖標(biāo)這這里設(shè)計(jì)的關(guān)鍵就在于 玻璃面和層次感,下面我們來看幾個圖標(biāo)設(shè)計(jì)的案例 






      看得出來,玻璃擬物化的設(shè)計(jì)很出效果。 
      下面根據(jù)我說的我們來分析如何運(yùn)用玻璃擬物化設(shè)計(jì)圖標(biāo) 



      我們以這個照片的圖標(biāo)為例來拆解分析,通過運(yùn)用剛才繪制的玻璃面的方法,與圖標(biāo)色塊組合起來,在組合的時(shí)候,調(diào)整好層級,一個輕巧且富有玻璃質(zhì)感的圖標(biāo)就繪制出來了,很簡單、很容易上手對不對?一起來快來試試吧 



      注意的細(xì)節(jié):


      1.在純白色背景中,一定要給玻璃面添加底部色塊的顏色,不然就不會出現(xiàn)看不見玻璃層的尷尬畫面; 
      2.背景模糊值也是需要根據(jù)具體的需要來調(diào)整。  



      玻璃擬物化在界面中的應(yīng)用越來越多,所以大家也要根據(jù)自己的業(yè)務(wù)有選擇性嘗試的去使用,不要盲目的跟隨設(shè)計(jì)趨勢設(shè)計(jì)而設(shè)計(jì)。  


      就到這里兒吧,大家有空多去收藏一些類似的設(shè)計(jì),多去吸取靈感,設(shè)計(jì)出更好用好看的產(chǎn)品!  


      最后,讓我們再來總結(jié)一下

      一玻璃擬物化的特點(diǎn):


      • 透明:使用帶有模糊磨砂質(zhì)感背景的透明效果

      • 懸浮:帶有明顯懸浮感的多個層級

      • 鮮明:使用鮮艷色彩作為強(qiáng)調(diào)色并且從半透明層中透出

      • 微妙:使用輕薄微妙的邊框來強(qiáng)化物理質(zhì)感


      玻璃擬物化的優(yōu)點(diǎn)有哪些?

      日歷

      鏈接

      個人資料

      存檔

      主站蜘蛛池模板: 九九热精品视频在线观看| 国内精品久久久久av福利秒拍 | 丰满少妇人妻无码专区| 久久瑟瑟| 888亚洲欧美国产va在线播放| 欧美超大胆裸体xx视频| 免费人成视频欧美| 日韩黄色高清视频| 操人视频网站| 国内女人喷潮完整视频| 成人免费黄色大片v266| 亚洲综合性av私人影院| 曰曰操| 狠狠噜狠狠狠狠丁香五月| 九九热国产视频| 亚洲成av人片在www| 影音先锋每日资源| 国产免费踩踏调教视频| 亚洲精品乱码久久久久66| 扒丝袜| 97av视频在线| 亚洲人成小说网站色| 久久九九热| 午夜av一区二区三区| 水蜜桃亚洲一二三四在线| 日本九九视频| 久久亚洲精品综合国产仙踪林| 国产在线高清视频| 特级毛片在线大全免费播放 | 国产高清成人免费视频在线观看| 国模私拍一区二区| 国产成熟女人性满足视频| 欧美 变态 另类 人妖| 中文字幕在线2018| 国产精品国产三级国快看| 无人去码一码二码三码区| 99精品成人| 中文字幕无码免费不卡视频| 日本久久网站| 大地资源网第二页免费观看| 无码高潮少妇多水多毛|