設(shè)計中存在一些不可忽視的趨勢。盡管玻璃態(tài)在UI設(shè)計中不是新的事物，但是最近又被人們挖掘出來了。有些人甚至將這個趨勢稱為“玻璃態(tài)”。

下面讓我向你展示如何通過7個簡單的步驟教你如何創(chuàng)建玻璃態(tài)的UI效果。先看看效果圖

1）畫一個形狀

首先創(chuàng)建一個基本形狀，一個具有以下尺寸的矩形：640×400，再加40pt的圓角。

2）應(yīng)用漸變填充現(xiàn)在該基本填充了。在本教程中，我們將使用漸變。兩種漸變顏色都將是純白色(#FFFFFF)，但是它們的不透明度會有所不同。將第一個設(shè)置為40%，第二個設(shè)置為10%。

3）添加背景模糊我們來模仿玻璃的是模糊感。首先將背景模糊值設(shè)置為20左右，來看看這個是表面如何變化的。當(dāng)然，你也可以根據(jù)自己的效果來設(shè)置不同的模糊度。

4）添加邊框一個優(yōu)雅的邊框會為元素增添了光澤。當(dāng)玻璃表面重疊時，它也有助于建立視覺層次。如果要在設(shè)計中創(chuàng)建定向光的幻覺，則可能需要對邊框使用漸變。我是這樣制作卡片的，所以看起來更有“質(zhì)感”。卡邊界對角漸變的設(shè)置：邊框：3px顏色1：#FFFFFF(不透明度50%)顏色2：#FFFFFF(不透明度0%)顏色3：#FF48DB(不透明度0%)顏色4：#FF48DB(不透明度50%)

5）應(yīng)用陰影細(xì)微的陰影效果有助于增強視覺層次。由于陰影的存在，區(qū)分所有層將更加容易。