IT资讯 · 2021年7月10日

「干翻」苹果,就在今天:Win11 与 macOS 12 界面对比(上)

感谢您点进本文!本文除了 Windows 与 macOS GUI 的对比,还夹杂着作者的说明与感想,因此篇幅较长。为了让OZABC 家友 “时” 有所值,我先放出一些干货供各位下载:

1. Windows 11 原生壁纸。此资源OZABC 已发布,但因微软默认分辨率较低,一些图片只有 2K+ 的水准,在 4K 显示器上使用便会模糊。故作者用 ML Super Resolution 处理了所有图片,使其有 8K 左右的分辨率

👉点此下载,提取码:1122👈

2. 如何开启 Office 的 Fluent Design。伴随 Windows 11 预览版一同推出的还有采用全新 UI 的 Office 全家桶。微软已在 Beta 通道推送了 Office 14301.20004 更新,可难受的是,Fluent Design 虽然包含在该版本内,却是分批开启的,这导致很多用户体验不了新 UI。别担心,此问题可以用注册表大法解决。

👉点此下载,提取码:1122👈

一、大饼砍刀,微软本色

“The only problem with Microsoft is they just have no taste.” 

1995 年,苹果公司联合创始人乔布斯在采访中表示,微软产品的唯一问题就是没品味;更具体些,就是缺少创造力和品牌文化。我曾认为乔布斯说错了:

  • 从 WP7 到 Win10 Mobile微软打破了手机主屏幕的既有设计,推出了不打开应用即可查看内容的磁贴,进而将左右翻页革新为垂直滚动的信息流。如今,我们能在 iOS 上看到名为小组件的类似设计;

  • 从 Surface RT 到 Surface Book微软给 OEM 厂商们示范如何做出面向未来的电脑。iPad 问世后,大部分人都认为平板是手机的衍生物,但微软用二合一设备把平板提升到与笔电相同的高度。如今,我们能在 iPad 上看到磁吸键盘盖触控板等类似设计。

此外,微软给我留下深刻印象的产品不胜枚举:开创了手柄类射击游戏的 HALO 系列、取自前者的人工智能 Cortana、混合现实设备的巅峰 Hololens、打通手机电脑应用生态的 UWPFluent Design…… 正因为对微软的热爱,包括我自己在内的众多家友邂逅了 IT 之家。尽管紫色小尾巴已成为历史,IT 之家依然是我每天使用频率最高的 App。

爱之深,恨之切。不关注微软产品的人可能很难相信,我以上提到的所有曾革新了某个领域的产品,都与死亡的 WP 般日渐式微。“没品位” 仿佛成了微软领导层的魔咒:HALO 系列由 343 工作室接手后跌落神坛,Hololens 2 至今仍需以企业身份申请购买,Cortana、UWP、Flunet Design 这些本该成为 WP 护城河的特性逐渐淡出开发者视野,而季度销量曾一度超过 iPad 的 Surface 已 7 年未更换外观

且不说日新月异的智能手机对 PC 市场的威胁,友商苹果在去年继承了 Surface RT ARM 平台的畅想,又是开发 M1 芯片又是推出 macOS Big Sur,这让 Windows 10 这个 6 年前的老同志愈加力不从心。

在这亟需变革的关头,微软一边画着 Surface Neo、Surface Duo、Windows 10X 的大饼,一边赶在产品发布前把它们全砍了,俨然一副想放弃面向消费者的业务转而全力发展云业务的样子。而 Windows 11 的突然出现让软粉又有了盼头。

在前 Surface 主管 Panos Panay 的带领下,Windows 这个中庸的操作系统再次点燃了我熬夜等更新的欲望;之家也重现了 WP 鼎盛时的味道,镜像下载、注册表教程等干货占据了首页;而家友们甚至愿意搁置手机圈无休止的争论,一起探究如何绕过 TPM2.0 等技术问题。在体验了 Windows 11 的第一个预览版后,我确信它对得起家友们的期待

二、去其糟粕,取其精华

在各种操作系统中,Windows 的地位是特殊的。倘若 macOS 突然从世界上消失,一些用户会损失重要数据,但他们仍有 PC、Android 乃至 HarmonyOS 可选;而倘若 Windows 突然消失,人类社会恐怕会陷入长时间的混乱。Windows 的大版本更新必须兼顾科技发展的潮流和老旧软件的兼容,而 Windows 界面的变化也将影响大部分人的使用习惯。

我很佩服 PP 哥在 Win11 中彻底与 WP 告别的果决。从 Win8 的 Metro UI 开始,微软一直想让扁平化、大色块、磁贴成为用户界面的主流,可惜 WP 与 Win 平板低迷的市场份额让 “微软风” 始终流行不起来。时至 2021 年,WP 已消失,Win10 仿 WP 主屏幕的开始菜单显得毫无意义,而 Microsoft Store 里一众 UWP 也失去了 “通用” 的价值。

另一方面,微软出品的安卓启动器大受欢迎,而三星与微软也达成了长期合作协议。与其打造移动版的 Windows,融合智能手机的用户界面应用生态才是振兴 Win 系统的最快方法。于是我们看到了一个没有磁贴、使用图标网格、可翻页的新开始菜单

对习惯了智能手机操作逻辑的用户而言,Win11 开始菜单的学习成本比磁贴更低,大家完全可以把它当作手机的主屏幕

▲ 上下翻页

▲  拖动重排图标

统一手机、电脑界面的做法是明智的。虽然从 Win95 沿用至今的列表式菜单与从 Win8 沿用至今的磁贴式图标已被大多数用户接受,多平台融合的发展趋势让微软不得不为将来做准备。苹果在 macOS Big Sur 中将原先不规则的图标全部改成圆角矩形,这让 Mac 与 iPhone、iPad 的视觉差异显著缩小,为 iOS App 登陆 macOS 铺平道路。

Win11 原生支持安卓应用后,UWP、Win32、APK 将共存于开始菜单,而后两者的应用数量远大于 UWP。显然,翻页式的图标网格相比磁贴更适合未来的应用生态。此外,Win11 还吸收了手机系统负一屏的设计思路,在屏幕左侧加入了小组件以展示信息。

▲ 卡片可自由拖动

▲ 卡片可调节大小

除了负一屏,Win 11 也将类似手机系统的控制中心融入到任务栏中。相比 Win10 置于通知中心底部的快捷开关,Win11 的控制中心有了二级菜单,部分操作可省去开启 “设置” App 的步骤。

三、博采众长,后来居上

学习移动操作系统的长处后,Win11 凭借以上几处全新 UI 立刻走在了数码领域的时尚前沿。不过,手机与电脑终究是不可相互取代的两种设备形态,而 Windows 正如其名称所示,它的“窗口” 设计才是用户界面的核心。

Win11 之所以给人焕然一新的视觉体验,正是因为微软在窗口的细节处下了功夫。我们不妨将多个窗口堆叠起来,看看 Win11 的细节处理与前代有何不同:

1. 圆角:无论你是否喜欢,圆角矩形已妥妥地成为主流审美。这是 Windows 首次在窗口中使用圆角,其弧线的曲率采用了平滑的过渡,进而减少了锯齿感。这是某些安卓 UI 尚未处理好的问题;

2. 边框:在 Win10 中,窗口外侧会被一条 Windows 主题色的细线框起来,而在 Win11 中,这条细线变成了半透明的灰色,不再与背景格格不入;

3. 阴影:Win11 扩大了窗口的投影面积,使窗口之间的纵深感更加明显。这能让用户更易察觉窗口间的分界与层级关系;

4. 兼容:以上装饰性元素的变化是自动的。即使是某些不追求美观的 Win32 程序也能拥有全新的外观。这是 Win11 在界面一致性上迈出的一大步。

有人说 Win11 的圆角窗口 “果味十足”,此言差矣。macOS 的设计元素多少有些拟物的味道,而微软坚持走扁平化的路线。仔细观察 macOS 窗口上沿,你能看到些许光泽,这让窗口有了厚度

对于长方形的电脑屏幕,圆角窗口会带来一个问题:窗口无法填满角落这将导致背景从窗口间露出来,破坏沉浸感。macOS 便是如此。

让我惊喜的是,Win11 对此进行了优化。当用户触发平铺窗口的功能后,圆角会变回直角。这足见微软用心了。

此外,曾用于 UWP 的内容自适应技术也让 Win11 的窗口调节非常自由。对于应用商店这类图文混排的页面,macOS 限制了窗口的最小宽度以保持内容的完整性,而 Win11 则能动态改变图文布局

▲ App Store 无法缩小为单列

▲ Microsoft Store 有三档尺寸可调,且有动画衔接

除了这些静态元素,微软对窗口动效的重新设计让系统的流畅性进一步提升。不要小看这些渐隐渐显的简单动画,它能向用户传达很多信息。

▲ 根据窗口运动轨迹的不同,用户能分辨关闭与最小化的区别

令我意外的是,一直以动画见长的 macOS 在窗口动效方面不如 Win11. 它虽然在窗口最小化时有华丽的效果,但开启、关闭窗口时却没有动画。应用的 “闪现” 给人生硬的感觉。

▲ 动画的缺失等同于操作反馈的缺失

细心观察,你会发现 Win11 的任务栏图标会配合窗口操作给予用户视觉反馈。也许用户很少会关注任务栏的动效,但这让系统的操作逻辑形成了闭环。

▲ 系统功能的图标自带动画,它们在按住、松开时有不同的力度反馈,且具有惯性

▲  应用的图标会在窗口出现时上浮,在窗口缩小时下沉,同样具有惯性

对比 macOS,程序坞的图标只有缩放、跳动两种动效,分别对应鼠标悬停和应用通知。Win11 在细节方面再次胜出。

虽然藏于系统各处的细节设计增强了 Windows 的精致感,但日常使用电脑时,用户看的最多的必然是窗口中的内容。当白底黑字的页面遮住桌面后,实时模糊就成为沟通窗口与背景的桥梁。

Win11 的第一种透明材质叫做亚克力。它常被称为有机玻璃,但从化学构成上看,亚克力是一种塑料。这就与 Win7 的毛玻璃效果有了区分。

▲ 边栏、开始菜单、应用中的亚克力材质具有不同的透光度,这既能区分界面中的不同元素,也能体现其重要性差异

Win11 的第二种透明材质叫做云母。它是一种铝硅酸盐矿物,具有被称为 “双折射” 的特殊光学性质。

1. 透明度方面,云母材质低于亚克力,前者在背景色彩不鲜艳时接近白色

2. 算法方面,云母材质会无视后方窗口的遮挡,始终从桌面背景中获取色彩,而亚克力则是纯粹的半透明效果。

得益于云母材质全新的模糊算法,即使用户将多个窗口堆叠在一起,标题栏、工具栏乃至页面背景仍能显现丰富的色彩

作为实时模糊的祖师爷,苹果虽没给各种模糊效果冠以亚克力、云母等上档次的名称,macOS 的视觉效果仍是桌面操作系统的标杆。在 “设置” 中,用户可以开启一项名为 “基于墙纸调整窗口颜色” 的功能,这便是 Win11 云母材质的借鉴对象。呈现效果如下:

曾经,Windows 总给我留下只关注功能而不注重美观的印象,这也许很对工业界的胃口,但作为一个消费者,我更喜欢 macOS 精雕细琢的界面。现在,我很欣喜地看到 Win11 卸下了 “PC 领导者” 的架子,从手机系统、友商系统中汲取精华,并内化为自己设计语言的一部分

结语

仔细推敲 Win11 的设计后,我在兴奋中写下了这些感想。虽然我已转入苹果全家桶多年,但磁贴、UWP、Fluent Design 等超前概念仍令我记忆犹新。Win11 正如 Surface 般给了所有人眼前一亮的感觉,而即将到来的对安卓应用的支持以及新一代 Win 平板也让人浮想联翩。相较之下,小修小补的 macOS 12 则黯然失色了。虽然在这上篇中,我似乎即将得出 Win11 界面设计反超 macOS 的结论,但实际上,Win11 仍带着浓浓的微软味,这就是下篇的内容了。

感谢各位的阅读!