玩了一会 Windows 11 首个预览版有进步不过设计上要补的课还是有好多好多

发图太麻烦了，简单文字说说吧。因为是第一个预览版所以以下问题还是有可能被微软之后修改掉的。（但要多久就不知道了，看向迭代了 N 年的 Windows 10……）
整体视觉风格确实大有进步，精致度提升了不止一点点，但也正式标志着 Windows 8 起微软那套相对独特的美学风格基本是被放弃了。

然后说下自己简单玩玩就发现的问题和随口吐槽（或者说觉得可以优化之处吧，之前做过设计相关工作，所以比较龟毛，如果你觉得不重要，以你为准）（以及再说一遍我知道这是预览版，还是有改进空间的）
· 字体渲染以及默认中文字体当然是没有变化的啦，CJK 没人权，改是永远都不会改的（我已经是高 PPI 4K 屏幕了哦）
· 开始菜单的更新基本可以理解成倒退回了 Windows 7 外加上了固定板块和推荐板块，但是这个宽度感觉有点像是刻意为了固定板块的美观而牺牲了“所有应用”界面的美观，右边那一大块不知所谓的空白看得难过，个人觉得完全可以像 Android 抽屉一样一行多个 app
· 搜索独立出来也感觉意义不大，感觉完全可以合并到开始菜单最顶部加一行搜索框
· 任务栏应用图标在开了多个窗口情况下的 hover 不忍直视，仿佛右边被砍掉半截
· 任务视图基本就是 Mac 的上下镜像版，只是同应用多个窗口似乎不能叠加，以及会在原本窗口的缩略图上面再加一个标题栏，对 Edge 这种没有标题栏的应用还好，有标题栏的应用效果蛮可怕的
· 小组件面板挺没用的……估计广大用户在点开看过之后第一件事都是右键取消固定
· 右下角的网络、音量等快捷操作入口我有点看不懂了，没发现怎么让图标出现在任务栏或者弹框内部，以及诸如定位、蓝牙等更有用的开关都在哪里

· 日历和通知中心合并了，也挺像 Big Sur 的小组件和通知中心合并的，没什么意见但是从这里要引出一个预览版的大问题了：
这个视觉设计不连贯以及各种奇特设计是怎么回事？

开始菜单固定的 app，鼠标移上去的 hover 为什么上下不局中？
右下角这个日历选中的日期的超级无敌大圆角是怎么回事？
文件管理器的标题栏怎么看怎么不舒服，拿设置过来左右一比，果然发现文件管理器的三大金刚按键莫名地比其他应用更靠上更接近窗口顶部边框 [滑稽]
设置 app 里，系统&个性化板块，给系统桌面套的无敌航母大黑框是怎么回事……阿软啊，隔壁阿果在放 Windows PC 的时候一直放个傻大粗黑的机器，可你自己不能给自己也套一个傻大粗黑的边框啊，咱能不能细点
右键菜单仿佛统一了又仿佛没统一，桌面和文件管理器的右键菜单大得有点夸张，仿佛在用平板，任务栏右键尺寸就还比较正常
在窗口标题栏右键马上就又能看见熟悉的紧缩版老式右键菜单 [滑稽]
在桌面回收站右键马上就又能看见熟悉的紧缩版老式右键菜单 [滑稽]
桌面右键菜单有个迷之“Show more options”选项，点开马上就又能看见熟悉的紧缩版老式右键菜单 [滑稽]
想知道之前 Windows 10 时代提到 Fluent Design 时必拿出来截动图的“鼠标移上去在元素间滑动有线条状的光线相应滑动”的设计(请自行脑补那个特效)是被抛弃了还是怎么的，右下角日历，没了；开始菜单，没了；设置 app，没了，桌面和应用内右键，没了，倒是发现在任务栏上应用右键的菜单是有这个特效的
然后就是和右下角日历一样的圆角问题，以变动最大始终拿来当作截图首选的设置 app 为例，大部分的菜单、按钮、下拉框等元素的圆角都是一个比较小的圆角，但同一个设置 app 里就有些选项、按钮、单选框、输入框是没有圆角，依旧是直线边框的(随便举个例子，Time&Language——语音界面)，以及任务栏窗口预览等等各处
设置 app 这种相对改得已经是比较彻底的了，其他应用比如像文件管理器这种，那就更是如此了，除了顶部的 Ribbon 被移除了之外，下面半截基本可以说是原封不动，地址框、搜索框、磁盘容量条、文件夹选中的 hover，依旧方方正正
那些古董组件咱们就不说了哈，百分百原汁原味只是窗口套了个圆角呈现。
Windows Store，这个标题栏的高度搭配上应用名称、图标、搜索、头像的样式还挺好看的，只是和右上角的三大金刚就显得很格格不入了，以及文件管理器等其他应用为啥标题高度还是以前那样

以上只是简单体验，微软第一方的各种应用还没去尝试，但目测也不乐观，有生之年不说第三方把控能力能像 Apple 、Google 一样，希望微软能把自己第一方的各种应用的设计和体验给统一齐了哈，Windows 11 目前来看算是起了个好头，加油吧

（最后彩蛋附赠一张可能是为什么 macOS 引起强迫症舒适&设计师选择的理由中的小小之一哈：）

Cryse

2021-06-29 18:20:09 +08:00

@ikas
部分新的界面已经不是亚克力了，官方文档把这个叫 Mica 云母，是不透明的，具体颜色是根据系统主题和桌面壁纸采样得出来的，我自己试了下同一个界面不同颜色的壁纸的确是呈现了不同的颜色。

官方文档是这么建议的：

When to use Mica
Mica is a material that appears on the backdrop of your application — behind all other content. It is an opaque material that incorporates the user's theme and desktop wallpaper to create its highly personalized appearance. As the user moves the window across the screen, the Mica material dynamically adapts to create a rich visualization using the wallpaper underneath the application. In addition, the material helps users focus on the current task by falling back to a neutral color when the app is inactive.

We recommend you use and apply Mica as the base layer of your app, prioritizing application and visibility in the title bar area.

Acrylic 的建议：

When to use acrylic
Use in-app acrylic for supporting UI, such as on surfaces that may overlap content when scrolled or interacted with.
Use background acrylic for transient UI elements, such as context menus, flyouts, and light-dismissable UI.
Using Acrylic in transient scenarios helps maintain a visual relationship with the content that triggered the transient UI.
If you are using in-app acrylic on navigation surfaces, consider extending content beneath the acrylic pane to improve the flow in your app. Using NavigationView will do this for you automatically. However, to avoid creating a striping effect, try not to place multiple pieces of acrylic edge-to-edge - this can create an unwanted seam between the two blurred surfaces. Acrylic is a tool to bring visual harmony to your designs, but when used incorrectly can result in visual noise.

@camillo
我也觉得菜单应该半透明，而且 Acrylic 里面也提到了 "Use background acrylic for transient UI elements, such as context menus, flyouts, and light-dismissable UI."

不知道我有没有理解错误，按这文档的意思两者是并存的，应该是 Mica 做 base layer，弹出等部分用 Acrylic ？不过目前似乎没发现系统内应用有这么做的，只能看后续会不会有改动了，毕竟这才第一个预览版。

玩了一会 Windows 11 首个预览版 有进步 不过设计上要补的课还是有好多好多

玩了一会 Windows 11 首个预览版有进步不过设计上要补的课还是有好多好多