专栏名称: We-Design
腾讯微信设计中心,负责微信相关产品的设计以及用户体验研究
今天看啥  ›  专栏  ›  We-Design

什么是玻璃态设计风格?

We-Design  · 公众号  · 科技自媒体 设计  · 2024-08-08 21:00
    

主要观点总结

本文介绍了玻璃态(Glassmorphism)这一视觉设计趋势,包括其定义、演变历史、特征、设计应用及结论。玻璃态利用不同程度的半透明度模仿磨砂玻璃质感,创建前景和背景元素之间的层级和对比度。文章还讨论了玻璃态在UI设计中的应用,包括提高操作系统现代感和优雅感,以及其在虚拟现实或混合现实空间中的发展。

关键观点总结

关键观点1: 什么是玻璃态

玻璃态是一种视觉设计风格,利用不同程度的半透明度模仿磨砂玻璃质感,创建层级和对比度。

关键观点2: 玻璃态的演变

玻璃态的想法可以追溯到2013年的iOS更新,并在微软和苹果的设计系统中得到发展。

关键观点3: 玻璃态的特征

玻璃态的主要特征包括不透明度、背景模糊、描边与渐变。

关键观点4: 利用玻璃态进行设计

在界面中加入玻璃态元素时,需要考虑文本可读性,确保满足对比度要求,并考虑多种背景情况。同时,让用户调整透明度以提高界面的适应性。

关键观点5: 结论

玻璃态设计是一种用途广泛的视觉设计风格,可用于创建具有强层级关系的交互性界面。使用时应考虑多方面因素,保持页面层级关系和元素可读性。


文章预览

Collection 原文引自 Megan Brown 的文章 《Glassmorphism: Definition and Best Practices》,译者对原文进行了部分删减、补充和调整以便读者理解。 玻璃态是 2020 年以来逐渐流行起来的一种视觉设计趋势,在苹果和微软的设计系统中占有重要地位。玻璃态元素看起来像磨砂玻璃。巧妙使用玻璃态可以帮助设计师有效地建立视觉层次。然而,如果没有熟练掌握视觉设计原则,或者过度使用该形态,可能会影响界面可视性与可用性。 本期提纲: •  什么是玻璃态 •  设计系统中的玻璃态及其演变 •  玻璃态的特征 •  利用玻璃态进行设计 •  结论 1 什么是玻璃态? 玻璃态(Glassmorphism)是一种视觉设计风格,它利用不同程度的半透明度来模仿磨砂玻璃质感,从而创建前景和背景元素之间的层级和对比度。  通常,玻璃态元素放置在渐变或复杂背景上来强调界面层 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览