郑州UI设计培训 怎么才能实现玻璃拟态效果

　　现在又有一种新的风格出现，而且越来越流行了。Neumorphism模仿的是一个受挤压的塑料表面(但看起来仍然像单层)时，但这种新趋势会更加垂直化。它zui具有定义性的特征是：

　　透明度(背景模糊的磨砂玻璃效果)

　　对象悬浮在空中的多层做法

　　突出模糊透明度的鲜艳色彩

　　给半透明对象添加浅细边框。

　　这种垂直性以及你可以通过它看到的事实，意味着用户可以确定界面的层次结构和深度。他们只是看哪一层在哪一层上，就像虚拟玻璃一样。

　　鉴于这种垂直性，以及你可以看透它这一的事实，意味着用户可以让界面有层次和深度。用户可以看清哪一层在哪一层之上，就像虚拟的玻璃一样。

　　鉴于这种玻璃一样的外观，我觉得这种风格zui好叫做玻璃拟态(GLASSMORPHISM)。

　　怎么才能实现这种效果呢?

　　效果本身很容易实现，但是要考虑两点。跟任何基于卡片的布局一样，点是对象离我们越近，它吸收的光线应该越多。在这种情况下，这意味着它会更加透明。

　　这种效果的基础是把阴影、透明度和模糊背景结合到一起。这种风格只能利用一个透明层，或者多个透明层，但但是在相当杂乱彩色的背景上至少有两个半透明层的时候，透明层必须是zui突出的，可见的。

　　如何正确设置透明度?

　　重要的是要记住一点，不管怎样，你不能让整个形状都透明，只能让它的填充透明。大多数设计工具在填充，对象透明度较低时，背景模糊会不起作用。

　　比方说上面的这个例子，左右的背景模糊都是8，但是图像看上去完全不一样。当填充不透明度为时，对象的不透明度再低也没有作用。根本得不到所需的模糊背景。

　　如何选择合适的背景?

　　背景在这个效果当中扮演着重要的角色。背景不能太简单或者太单调，否则效果就看不出来。但也不能太复杂。

　　当前UI的设计趋势：玻璃拟态

　　玻璃拟态背景

　　这可能就是苹果选择彩色背景作为Mac OS Big Sur默认壁纸的原因。当模糊的透明表面位于顶部时，那些容易辨别的色调差异也很容易看得见。

　　选择背景时，要确保色调差足够大，这样玻璃效果才真正可见。

　　zui后细节

　　zui后，你可以试着给形状添加1个像素厚的内边框，并且让它有一定的透明度。这可以模拟玻璃的边缘，让形状在背景当中脱颖而出。尽管这种风格的元素(比如模糊背景)已经存在了很多年，但现在正变得越来越流行，所以，仍然很多很酷的创意效果可以去探索。

　　玻璃拟态的边框:左侧的图像是半透明的边框，而右侧的图像则是无边框。