Win11 与 macOS 12 界面对比_surfacert刷macos-程序员宅基地

本文转载自IT之家

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

1. Windows 11 原生壁纸。此资源IT之家已发布,但因微软默认分辨率较低,一些图片只有 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 仍带着浓浓的微软味,这就是下篇的内容了。

感谢各位的阅读!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_39787242/article/details/118641099

智能推荐

前端设置条件限制form表单提交到后端解决方案_jsp前端页面将表单是否提交成功作为限制条件-程序员宅基地

文章浏览阅读375次。<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script> <script type="text/javascript"> function checkName() { var name = document.getElementB..._jsp前端页面将表单是否提交成功作为限制条件

计算机网络sequence number,TCP协议中SequenceNumber和Ack Numbe-程序员宅基地

文章浏览阅读1k次。Sequence Numberlzyws7393074532892018-04-25Number Sequenceqq_391789932452017-09-21理解TCP序列号(Sequence Number)和确认号(Acknowledgment Number)hebbely9822017-01-14Number Sequence(规律)l25336363712902017-07-18Numb..._ack num

计算机系统启动项设置密码,电脑开机第一道密码怎么设置 - 卡饭网-程序员宅基地

文章浏览阅读5.9k次。笔记本电脑怎么进CMOS密码巧设置笔记本电脑怎么进CMOS密码巧设置 笔记本电脑为了保护用户的数据安全,往往采用加密的方式,最常见的还是CMOS密码加密技术。为了让你的重要数据更加安全,你可能需要设置不同的密码,这也就要求你记住许多密码。对于笔记本电脑用户来说,真的需要设置一道道密码关卡吗?非也非也! 一、认识与设置笔记本电脑的CMOS密码 笔记本电脑的CMOS密码大致分为超级密码(Supervi..._电脑第一道密码修改

VulnHub靶机-Jangow: 1.0.1_jangow01-程序员宅基地

文章浏览阅读2.5k次,点赞2次,收藏5次。迟到的文章,就当库存发出来吧~_jangow01

spark实战之RDD的cache或persist操作不会触发transformation计算_spark cache和persist不生效-程序员宅基地

文章浏览阅读1.7w次,点赞2次,收藏5次。默认情况下RDD的transformation是lazy形式,实际计算只有在ation时才会进行,而且rdd的计算结果默认都是临时的,用过即丢弃,每个action都会触发整个DAG的从头开始计算,因此在迭代计算时都会想到用cache或persist进结果进行缓存。敝人看到很多资料或书籍有的说是persist或cache会触发transformation真正执行计算,有的说是不会!敝人亲自实验了一把..._spark cache和persist不生效

html文字滚动_html滚动-程序员宅基地

文章浏览阅读2.4k次。HTML之marquee(文字滚动)详解语法:以下是一个最简单的例子:代码如下:Hello, World下面这两个事件经常用到:onMouseOut=“this.start()” :用来设置鼠标移出该区域时继续滚动onMouseOver=“this.stop()”:用来设置鼠标移入该区域时停止滚动代码如下:onMouseOut=“this.start()” :用来设置鼠标移出该区域时继续滚动 onMouseOver=“this.stop()”:用来设置鼠标移入该区域时停止滚动这是一个完_html滚动

随便推点

信号发生器设计VHDL代码Quartus仿真_vhdl正弦波信号发生器-程序员宅基地

文章浏览阅读1k次,点赞20次,收藏22次。代码功能:信号发生器设计信号发生器由波形选择开关控制波形的输出,分别能输出正弦波、方汉和三角波三种波形,波形的周期为2秒(由40M有源晶振分频控制)。考虑程序的容量,每种波形在一个周期内均取16个取样点,每个样点数据是8位(数值范围:00000000~1111111)要求将D/A变换前的8位二进数据(以十进制方式)输出到数码管动态演示出来。_vhdl正弦波信号发生器

笔记-Java线程概述_java 线程概述-程序员宅基地

文章浏览阅读629次。Java Concurrency in Practice中对线程安全的定义:当多个线程访问一个类时,如果不用考虑这些线程在运行时环境下的调度和交替运行,并且不需要额外的同步及在调用方代码不必做其他的协调,这个类的行为仍然是正确的,那么这个类就是线程安全的。显然只有资源竞争时才会导致线程不安全,因此无状态对象永远是线程安全的 。过多的同步会产生死锁的问题,死锁属于程序运行的时_java 线程概述

MATLAB从文件读取数据_matlab读取数据-程序员宅基地

文章浏览阅读1.2w次,点赞10次,收藏61次。读取表单Sheet2中部分信息。_matlab读取数据

【实践】基于spark的CF实现及优化_spark cf-程序员宅基地

文章浏览阅读1.4w次。最近项目中用到ItemBased Collaborative Filtering,实践过spark mllib中的ALS,但是因为其中涉及到降维操作,大数据量的计算实在不能恭维。所以自己实践实现基于spark的分布式cf,已经做了部分优化。目测运行效率还不错。以下代码package modelimport org.apache.spark.broadcast.Broadcastimp_spark cf

ijkplayer直播播放器使用经验之谈——卡顿优化和秒开实现_libijkplayer 播放直播流卡顿-程序员宅基地

文章浏览阅读1.8w次。 在我的博客移动平台播放器ijkplayer开源框架分析(以IOS源码为例),大致介绍了一下ijkplayer的基本函数调用顺序和主要线程作用,本博客想介绍一下在直播应用中,针对卡顿和秒开做的一些优化,本优化经验主要是用在Android系统上,ios上也可以借鉴,按本博客修改代码,网络带宽足够的情况下,音视频播放基本流畅不卡顿,首屏时间在500ms以内。 首先来看直播应用中的卡顿。直..._libijkplayer 播放直播流卡顿

数据挖掘实践(金融风控-贷款违约预测)(三):特征工程_金融风控(大数据)特征工程-程序员宅基地

文章浏览阅读2.3k次,点赞3次,收藏28次。数据挖掘实践(金融风控-贷款违约预测)(三):特征工程目录数据挖掘实践(金融风控-贷款违约预测)(三):特征工程1.引言2.特征预处理2.1缺失值填充2.2时间格式处理2.3类别特征处理3.异常值处理3.1 检测异常的方法一:正态分布法3.2 检测异常的方法二:箱型图3.3异常值的处理方法4.数据分桶5.特征交互6.特征编码6.1 labelEncode 直接放入树模型中6.2 逻辑回归等模型要单独增加的特征工程7.特征选择7.1 Filter7.2 Wrapper (Recursive feature _金融风控(大数据)特征工程