你以为是半透明的?Windows 11的新材质是如何欺骗你的眼睛的?
刚刚出现,现在已经可以通过Windows预览体验程序的Dev频道进行体验的Windows 11也不例外——虽然与Windows 10相比,Windows 11的设计风格的变化第一时间非常混乱:
也是半透明设计。Windows 11和Windows 10有什么区别?在本文中,我们将回答这个问题。
Arcrylic作为Windows Fluent Design的系统组件之一,在微软开发文档中被描述为一种创建半透明纹理的画笔。
换句话说,亚克力不是你在Windows 10中看到的一个应用、一个窗口或者一个界面控件,而是一种材料,一种通过透明设计给窗口内容增加质感和深度的手段。
其实符合微软设计标准的亚克力效果,需要非常复杂的混合设计,包括桌面背景、高斯模糊、明度混合、色调混合、噪点材质的综合搭配。
相应的,微软也提供了五个具体的属性参数,帮助开发者打造适合自己的亚克力效果。所以虽然很多时候我们把Windows 10中的半透明效果称为“亚克力”,但实际效果可能大不相同:
如果以特定的应用窗口为对象,亚克力可以分为背景亚克力和应用内亚克力:前者可以视为区分应用窗口与桌面壁纸和其他应用窗口的手段,后者主要用于在应用内营造焦点和层次感。
例如,在最新版本的MyerSplash中,应用程序的主窗口在浏览壁纸时使用背景亚克力。这时,如果我们拖动它的窗口,就可以隐约看到它背后的所有内容,无论是桌面壁纸还是其他应用窗口中的图文内容:
不过点击MyerSplash界面右上角的齿轮按钮进入应用设置,你会发现这里用的是app内亚克力。此时MyerSplash的亚克力效果是基于应用中的壁纸浏览界面,通过设置界面你能隐约看到的其实是应用中的壁纸显示内容。拖动MyerSplash窗口时,模糊的背景内容不会因为窗口位置的改变而改变:
如果以一个具体的应用场景为例,亚克力效果经常应用在垂直窗格和一些瞬态图中——虽然微软不建议在垂直窗格中应用亚克力,但是Windows 10内置的日历、Groove music、mail等应用在左侧导航窗格区域都使用了亚克力材质;
瞬态图中的丙烯效果常见于上下文菜单、弹出控件、弹出窗口等场景中。比如测试中的Edge 93,在浏览器的弹出菜单中大量使用了亚克力材质。
最后值得一提的是,亚克力被微软视为会占用大量GPU资源的设计材质。虽然没有具体的统计数据作为支撑,但其使用仍可能导致设备功耗增加,电池寿命缩短。在上面提到的五个特定属性参数中,有一个。
FallbackColor的参数用于为亚克力材质提供“回滚机制”的纯色参数。
在Windows 10中,当设备进入省电模式时,Windwos会自动禁用所有亚克力效果,并将相应区域的颜色设置为rollback参数指定的纯色(如果你的设备比较老,性能比较差,也可以点击个性化>颜色设置“手动关闭透明效果”);另外,当背景亚克力效果的窗口失去焦点时,会暂时禁用亚克力,回滚到纯色模式。
Windows 11终于为我们带来了更加简洁现代的新版Explorer,但是打开Explorer拖动窗口后,你会发现Windows 11似乎也在Explorer的窗口标题栏区域使用了透明效果:
是亚克力的吗?不会,这种一开始被很多人误解为毛玻璃效果的风格,就是这部分的主角,微软在Windows 11中推出的新材质Mica。
从上一部分的内容我们知道,亚克力是一种精密、复杂、华丽的材质,同时又有一定的性能开销负担。对于如今的各类电子设备来说,任何没有用在前沿的额外性能成本都是值得考虑和优化的。
云母是最佳方案。
对于以“窗口”命名的窗口,我们非常有必要通过视觉设计在多个应用窗口中快速把握焦点。云母和亚克力虽然在视觉效果和实用功能上非常相似,但本质上是不同的。
核心区别是云母不透明。
云母作为一种更节省成本的材质方案,在桌面壁纸发生变化时,只会对壁纸颜色进行一次采样,通过采样的颜色生成材质颜色。所以,虽然这部分开头的图片中的浏览器看起来是半透明的,可以隐约看到桌面背景,但这种效果其实只是因为浏览器的窗口背景已经提前从桌面壁纸中提取了一次。
破解方法也很简单:如果你在云母材质的窗口和桌面壁纸之间放上其他内容,云母就会“露馅”——不像亚克力可以实时以半透明的风格显示后方内容,云母窗口下无论是什么,都会呈现原本从壁纸中提取的颜色风格。
正是因为这个特点,微软才建议在窗口的基础层使用云母。这样既能突出窗口主体,又能因为应用于弹窗而无法实时透明,带来混乱的视觉效果。
事实上,如果仅从视觉效果来看,Mica更像是亚克力的“低配版”,或者是Windows 11针对一些需要长时间频繁打开的窗口(如资源管理器、系统设置)推出的“低功耗定制版”。如果使用得当,它比传统的纯色窗口标题栏更加温柔细腻,同时也不会像亚克力一样带来太多额外的性能开销。
在其他方面,云母类似于亚克力,比如它支持浅色和深色之间的切换,当窗口失焦时会自动回落到纯色效果。
有趣的是,虽然云母本身并不是透明控件材质,但它仍然受到“透明效果”选项控制下的“个性化>:颜色”。如果关闭此选项,云母的颜色效果将与丙烯酸效果一起消失。
虽然看起来“半透明”,但Windows 11推出的云母确实不透明。Windows 11区分亚克力和云母的方法也很简单——在窗口和桌面壁纸之间放点别的东西作为背景就可以了。
同时也不难看出云母并不是用来代替亚克力的。事实上,它与亚克力和烟雾效果一起构成了Windows 11的主要“材质”类型。如果你对Windows 11的其他设计规范感兴趣,不妨进一步阅读微软的官方设计文档。