「干翻」苹果,就在今天: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 仍带着浓浓的微软味,这就是下篇的内容了。

感谢各位的阅读!

请先暂停下你的广告拦截插件

或者将本站地址

加入你广告拦截器的白名单

我们需要你的支持

再次感谢!

ozabc