前言：通过6个简单的步骤，即可使用数字玻璃创建外观现代的UI元素。设计中存在一些不可忽视的趋势。尽管玻璃材料在UI设计中不是新事物，但最近又被发现了。有些人甚至将趋势称为“玻璃态”。让我向您展示如何创建具有这种效果的玻璃卡，因此，您可以在设计中使用它。很简单。
正文
1.画一个形状
要创建卡片，您需要首先创建一个基本形状。您可以模仿实际的信用卡比例。为此，请创建一个具有以下尺寸的矩形：640×400，外加40pt角半径。
2.应用渐变填充
现在该基本填充了。让我们尝试使用比纯色更微妙的东西。在本教程中，我们将使用渐变。两种渐变颜色都将是纯白色（#FFFFFF），但是它们的不透明度会有所不同。将第一个设置为40％，第二个设置为10％。
3.添加背景模糊
模仿玻璃的是模糊感。将模糊值设置为20左右，以查看材料表面如何变化。显然，您可以使用自己的设置。
4.添加边框
模仿玻璃的是模糊感。将模糊值设置为20左右，以查看材料表面如何变化。显然，您可以使用自己的设置。优雅的边框为元素增添了光泽。当玻璃表面重叠时，它也有助于建立视觉层次。
如果要在设计中创建定向光的幻觉，则可能需要对边框使用渐变。我是这样制作卡片的，所以看起来更“物理”。
卡边界对角渐变的设置：
边框：3px
颜色1：#FFFFFF（不透明度50％）
颜色2：#FFFFFF（不透明度0％）
颜色3：＃FF48DB（不透明度0％）
颜色3：＃FF48DB（不透明度50％）
这个简单的设置对环境产生了很好的错觉。
5.应用阴影
细微的阴影效果有助于增强视觉层次。由于阴影的存在，区分所有层将更加容易，在我的示例中，我使用具有24 Blur值的深色，并且Spread减小为-1。
注意：我已经制作了一个教程，以获得漂亮的阴影。提到的一种技术在这里不起作用–一种使用单独的阴影创建阴影的技术。这次，您将通过添加阴影样式属性以与玻璃表面一起成形来获得最佳效果。
6.填写内容
是时候添加一些内容了。填写必要的徽标和文字。要创建压印层的错觉，请用白色填充内容，并将不透明度降低到50％。您也可以玩图层混合-尝试叠加以获得有趣的结果。
#.额外提示：雾面质地
是时候添加一些内容了。填写必要的徽标和文字。要创建压印层的错觉，请用白色填充内容，并将不透明度降低到50％。您也可以玩图层混合-尝试叠加以获得有趣的结果。璃卡已完成。但是，您甚至可以进一步添加一些高级纹理！要添加优雅的噪点，请添加带有噪点的图像。将不透明度降低到20％，并将填充的混合模式设置为“叠加”。看看现在看起来多么华丽：
本期分享结束，感谢您的阅读支持，希望我们的努力，可以带给您更多帮助，欢迎添加我们微信：
421978184
任意转发公众号文章或视频，加入全国优秀设计师交流群，一起学习与进步！一定要备注：来意
围观我的设计朋友圈，每天分享最新设计资讯，色彩 · 招聘 · 版式 · 创意· 交互 · 思维 · 趋势等等。共同进步，一起加油！
---------------------------------------------------------