感谢您点进本文!本文除了 Windows 与 macOS GUI 的对比,还夹杂着作者的说明与感想,因此篇幅较长。为了让QT软件园家友 “时” 有所值,我先放出一些干货供各位下载:
1. Windows 11 原生壁纸。此资源QT软件园已发布,但因微软默认分辨率较低,一些图片只有 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、打通手机电脑应用生态的 UWP 与 Fluent 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 仍带着浓浓的微软味,这就是下篇的内容了。
感谢各位的阅读!