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

智能推荐

linux里面ping www.baidu.com ping不通的问题_linux桥接ping不通baidu-程序员宅基地

文章浏览阅读3.2w次,点赞16次,收藏90次。对于这个问题我也是从网上找了很久,终于解决了这个问题。首先遇到这个问题,应该确认虚拟机能不能正常的上网,就需要ping 网关,如果能ping通说明能正常上网,不过首先要用命令route -n来查看自己的网关,如下图:第一行就是默认网关。现在用命令ping 192.168.1.1来看一下结果:然后可以看一下电脑上面百度的ip是多少可以在linux里面ping 这个IP,结果如下:..._linux桥接ping不通baidu

android 横幅弹出权限,有关 android studio notification 横幅弹出的功能没有反应-程序员宅基地

文章浏览阅读512次。小妹在这里已经卡了2-3天了,研究了很多人的文章,除了低版本api 17有成功外,其他的不是channel null 就是没反应 (channel null已解决)拜托各位大大,帮小妹一下,以下是我的程式跟 gradle, 我在这里卡好久又没有人可问(哭)![image](/img/bVcL0Qo)public class MainActivity extends AppCompatActivit..._android 权限申请弹窗 横屏

CNN中padding参数分类_cnn “相同填充”(same padding)-程序员宅基地

文章浏览阅读1.4k次,点赞4次,收藏6次。valid padding(有效填充):完全不使用填充。half/same padding(半填充/相同填充):保证输入和输出的feature map尺寸相同。full padding(全填充):在卷积操作过程中,每个像素在每个方向上被访问的次数相同。arbitrary padding(任意填充):人为设定填充。..._cnn “相同填充”(same padding)

Maven的基础知识,java技术栈-程序员宅基地

文章浏览阅读790次,点赞29次,收藏28次。手绘了下图所示的kafka知识大纲流程图(xmind文件不能上传,导出图片展现),但都可提供源文件给每位爱学习的朋友一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长![外链图片转存中…(img-Qpoc4gOu-1712656009273)][外链图片转存中…(img-bSWbNeGN-1712656009274)]

getFullYear()和getYear()有什么区别_getyear和getfullyear-程序员宅基地

文章浏览阅读469次。Date对象取得年份有getYear和getFullYear两种方法经 测试var d=new Date;alert(d.getYear())在IE中返回 2009,在Firefox中会返回109。经查询手册,getYear在Firefox下返回的是距1900年1月1日的年份,这是一个过时而不被推荐的方法。而alert(d.getFullYear())在IE和FF中都会返回2009。因此,无论何时都应使用getFullYear来替代getYear方法。例如:2016年用 getFullYea_getyear和getfullyear

Unix传奇 (上篇)_unix传奇pdf-程序员宅基地

文章浏览阅读182次。Unix传奇(上篇) 陈皓 了解过去,我们才能知其然,更知所以然。总结过去,我们才会知道我们明天该如何去规划,该如何去走。在时间的滚轮中,许许多的东西就像流星一样一闪而逝,而有些东西却能经受着时间的考验散发着经久的魅力,让人津津乐道,流传至今。要知道明天怎么去选择,怎么去做,不是盲目地跟从今天各种各样琳琅满目前沿技术,而应该是去 —— 认认真真地了解和回顾历史。 Unix是目前还在存活的操作系_unix传奇pdf

随便推点

ACwing 哈希算法入门:_ac算法 哈希-程序员宅基地

文章浏览阅读308次。哈希算法:将字符串映射为数字形式,十分巧妙,一般运用为进制数,进制据前人经验,一般为131,1331时重复率很低,由于字符串的数字和会很大,所以一般为了方便,一般定义为unsigned long long,爆掉时,即为对 2^64 取模,可以对于任意子序列的值进行映射为数字进而进行判断入门题目链接:AC代码:#include<bits/stdc++.h>using na..._ac算法 哈希

VS配置Qt和MySQL_在vs中 如何装qt5sqlmysql模块-程序员宅基地

文章浏览阅读952次,点赞13次,收藏27次。由于觉得Qt的编辑界面比较丑,所以想用vs2022的编辑器写Qt加MySQL的项目。_在vs中 如何装qt5sqlmysql模块

【渝粤题库】广东开放大学 互联网营销 形成性考核_画中画广告之所以能有较高的点击率,主要由于它具有以下特点-程序员宅基地

文章浏览阅读1k次。选择题题目:下面的哪个调研内容属于经济环境调研?()题目:()的目的就是加强与客户的沟通,它是是网络媒体也是网络营销的最重要特性。题目:4Ps策略中4P是指产品、价格、顾客和促销。题目:网络市场调研是目前最为先进的市场调研手段,没有任何的缺点或不足之处。题目:市场定位的基本参数有题目:市场需求调研可以掌握()等信息。题目:在开展企业网站建设时应做好以下哪几个工作。()题目:对企业网站首页的优化中,一定要注意下面哪几个方面的优化。()题目:()的主要作用是增进顾客关系,提供顾客服务,提升企业_画中画广告之所以能有较高的点击率,主要由于它具有以下特点

爬虫学习(1):urlopen库使用_urlopen the read operation timed out-程序员宅基地

文章浏览阅读1k次,点赞2次,收藏5次。以爬取CSDN为例子:第一步:导入请求库第二步:打开请求网址第三步:打印源码import urllib.requestresponse=urllib.request.urlopen("https://www.csdn.net/?spm=1011.2124.3001.5359")print(response.read().decode('utf-8'))结果大概就是这个样子:好的,继续,看看打印的是什么类型的:import urllib.requestresponse=urllib.r_urlopen the read operation timed out

分享读取各大主流邮箱通讯录(联系人)、MSN好友列表的的功能【升级版(3.0)】-程序员宅基地

文章浏览阅读304次。修正sina.com/sina.cn邮箱获取不到联系人,并精简修改了其他邮箱代码,以下就是升级版版本的介绍:完整版本,整合了包括读取邮箱通讯录、MSN好友列表的的功能,目前读取邮箱通讯录支持如下邮箱:gmail(Y)、hotmail(Y)、 live(Y)、tom(Y)、yahoo(Y)(有点慢)、 sina(Y)、163(Y)、126(Y)、yeah(Y)、sohu(Y) 读取后可以发送邮件(完..._通讯录 应用读取 邮件 的相关

云计算及虚拟化教程_云计算与虚拟化技术 教改-程序员宅基地

文章浏览阅读213次。云计算及虚拟化教程学习云计算、虚拟化和计算机网络的基本概念。此视频教程共2.0小时,中英双语字幕,画质清晰无水印,源码附件全课程英文名:Cloud Computing and Virtualization An Introduction百度网盘地址:https://pan.baidu.com/s/1lrak60XOGEqMOI6lXYf6TQ?pwd=ns0j课程介绍:https://www.aihorizon.cn/72云计算:概念、定义、云类型和服务部署模型。虚拟化的概念使用 Type-2 Hyperv_云计算与虚拟化技术 教改