设计师|玻璃拟态：为网站设计带来维度效果( 二 ) 设计师

细边框和微妙的阴影设计师Artem Abramov使用细白线和边框半径来创建定义设计顶层的圆角矩形。

因为玻璃拟态依赖于模糊效果，所以在玻璃拟态元素周围设置边框有助于提供定义。在上图中，边框不仅分隔了信息，还模仿了手机屏幕的形状。
理想情况下，边框是轻量级的，因此不会分散设计的注意力。包括一点阴影也可以增加立体感。使用细腻的触感。轻描淡写是关键。
玻璃拟态的例子现在我们已经介绍了如何实现它，让我们看看设计师使用它的一些方式。
磨砂玻璃这个磨砂玻璃可克隆模板体现了我们对这种效果的喜爱。英雄部分提供了一个通往背景的多云门户，上面放置了一张图像。此外，微交互使这个矩形在 z 轴上移动，进一步增加了它的维度感。

征服丛林旅行社Conquer the Jungle使用玻璃拟态将您的目光吸引到他们的三个主要旅行中。

在标准的卡片布局中，旅游街区与其他一切都处于同一水平，这将使他们很容易迷失在繁忙的热带背景中。分层的磨砂玻璃效果使盒子从页面上弹出，将您的视线直接吸引到旅游套餐上。
Decimal Chain团队页面通常只是一个具有专业面孔的网格。采用这种传统方法并没有错，但是一点玻璃形态可以使布局更具视觉吸引力。 Decimal Chain在这些略微模糊的卡片中展示了他们的团队成员。
彩色背景圆圈通过每张卡片折射，营造出氛围并模仿磨砂玻璃。通过轻轻地将每个内容块从屏幕上抬起，玻璃形态效果会吸引您的注意力。

给你的网站设计一点玻璃形态【设计师|玻璃拟态：为网站设计带来维度效果】尽管我们喜欢极简和扁平的设计，但很高兴看到设计师使用深度和空间。玻璃拟态让您可以将屏幕空间塑造成具有维度的东西。所需要的只是堆叠几层，添加一些模糊，然后微调值，直到你最终得到你喜欢的东西。