风格|Glassmorphism，是新拟物风格的“进化”？透明度|边框|背景|玻璃|进化

文章插图
UX Pedia Presents
本文约2508字，阅读需要7分钟
玻璃拟物风格诞生
研究主题：新的设计趋势
研究对象：Glassmorphism（玻璃拟物风格）
辞典酱先带大家复习下：从2019年底，UI圈儿刮起了一股势头猛劲的新拟物风（Neumorphism），起因是乌克兰设计师亚历山大·普卢托（Alexander Plyuto）在 Dribble 平台发布了一张应用了新拟物风格的UI作品，便引发了圈内的激烈讨论，更一直占据着当时的热点榜首。此风格出现后，也给流行的扁平化设计添加了新的展现形式。

文章插图
普卢托的《Skeuomorph Mobile Banking》，在Dribble获得了3000多次喜欢
也有一些非常著名的品牌公司在设计上结合了新拟物风格，像三星召开的Galaxy Unpacked活动、MKBHD的介绍视频等，效果都很出彩。当趋势热潮退去，新拟物风格并没有像一部分评论者坚持的那样，“洗牌”式地接管整个设计圈。

文章插图

文章插图
三星 Galaxy Unpacked 活动

文章插图
MKBHD在2020年的简介中使用了这种风格
如何定义Glassmorphism？
复习结束回归正题，我们看到现今又出现了一种新样式—Glassmorphism，字面上由玻璃（glass）和拟物化（skeumorphism）组成，叫法颇多：玻璃拟态、玻璃拟物化设计、玻璃拟物风格，其实意思都对，它比新拟物风格更直观清晰。那么，玻璃拟物风格最具有定义性的特征是什么呢？一起来看：
-透明度，使用背景模糊的磨砂玻璃效果；
-物体漂浮，画面中有多个漂浮层级；
-鲜艳的色彩，在磨砂玻璃后更突出整体效果；
-浅色边框，应用在半透明物体上衬托质感。

文章插图
玻璃拟物风格特征显著，用户也能快速确定界面的层次结构和深度。画面中清晰显著的则是最迫切想要表达的重点，非常好辨认。
在Drrible的#Glassmorphism#下，大家已经纷纷提交自己的作品了，也让辞典酱发现了一些它独有的「魅力」：
-颜色明艳、欢快，视觉上带来一定的刺激性；

文章插图
Music Player Apps by Adhiari Subekti

文章插图
glassmorphism redesign by Frédéric Musso
-icon虚实结合，营造出了一种「小而精」的质感；

文章插图
MEDIACRAFT ICONSby Ayo Kid

文章插图
Glassmorphism Iconography by Hemanth Ravi
-边缘细框，模拟玻璃，带来微妙的「高级感」。

文章插图
Procreate app icon redesign by Zhenia ievgen

文章插图
Coffee Shop App by Saud Ali
Glassmorphism的由来
说到由来，那么苹果带来的影响力毋庸置疑。苹果早期的设计系统为拟物风格，从2013年推出的iOS 7开始，系统风格进行了全新尝试，背景模糊也是从那时起进入大众视线，虽然人们褒贬不一，但使用过的用户还是很买账的。