嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

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

2021-4-13 鶴鶴

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

什么是玻璃擬物化呢？

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

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

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

透明：使用帶有模糊磨砂質(zhì)感背景的透明效果
懸浮：帶有明顯懸浮感的多個層級
鮮明：使用鮮艷色彩作為強調(diào)色并且從半透明層中透出
微妙：使用輕薄微妙的邊框來強化物理質(zhì)感

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

玻璃擬物化的優(yōu)點有哪些？

1.愉悅感

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

2.層次感

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

3.呈現(xiàn)語境

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

4.微妙高級感

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

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

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

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

重點來了，

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

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

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