当前位置: 首页 > 产品展示

产品展示

Product display

hth华体会官网:身为设计师你真的懂“毛玻璃”吗?

详细介绍

  相信所有的UI设计师都知道毛玻璃效果,并且大部分设计师在设计工作中都曾运用过毛玻璃效果,但具体什么是毛玻璃呢?又是为什么会出现毛玻璃效果的呢?关于这个问题TuD的同学们也展开了一次讨论;

  毛玻璃,学名「类玻璃柔光材质」在设计中也叫「玻璃拟态」(Glass morphism)。在生活中叫磨砂玻璃,俗称“毛玻璃”。

  毛玻璃效果最早在UI设计中的应用是在2007年微软的Windows Vista和win7的系统UI中。苹果在2013年发布的IOS7系统和2014年发布的OS X 10.10Yosemite系统中广泛使用了这个效果,在当时移动设计扁平化视觉风格主流的年代,这个变化着实让大家耳目一新。

  在之后的很长时间里,这种风格成为了设计师们常用的手法。直到在近期发布的Win11以及Mac OS Big Sur中强化了毛玻璃质感,又将玻璃拟态风格的趋势掀起了一个小高潮。

  毛玻璃效果本就如其名,主要以模拟磨砂玻璃的质感与视觉效果为主,具备以下几个特点:

  模糊(使用背景模糊/高斯模糊模仿磨砂玻璃效果,保证准确传递信息层级的同时,让视觉更有层次且透气)3.

  边界细节的处理(采用细腻的边框模拟玻璃的厚度,从而带来更加精致的视觉感受)关于玻璃拟态的技术实现方法和技术参数在这里就不过多介绍了,各大设计平台已经有非常多的分享。这里就提供一些玻璃拟态、亚克力拟态的应用案例供大家欣赏:

  设计中的“拟态”顾名思义,就是通过视觉的形式从而“模拟某种状态或形态”让使用者对现实中的事物产生联想,尽可能模拟和还原一种使用场景和状态。

  我们认为,拟态的设计手法是移动UI设计历史上“重拟物”表现形式的一种蜕变与延展。

  随着行业的发展与互联网软硬件的进步,今天的拟态设计并不只是设计趋势的轮回,而是在以Material Design为代表的,主张以内容为核心进行设计的扁平化设计思维的进一步延伸。

 



推荐产品

hth华体会官网_官方登录 All Copy Right 2005-2010 备案号:豫ICP备09027093号-13 技术支持:制药网 管理登陆 网站地图