微软流畅设计系统将让 Windows 10 完美进化

阅读时间图标 5分钟读


读者帮助支持 MSpoweruser。如果您通过我们的链接购买,我们可能会获得佣金。 工具提示图标

阅读我们的披露页面,了解如何帮助 MSPoweruser 维持编辑团队 查看更多

周四,微软为其产品推出了一种全新的设计语言。 雷德蒙德是 称之为新的 Fluent 设计系统,它将在许多 Microsoft 产品中实施——从 Windows 10 和运行该操作系统的所有硬件开始,包括 Xbox、HoloLens、PC 和手机。 Fluent Design System 建立在 5 个基本元素之上:光、深度、运动、材质和比例。

在 Windows 10 中,所有这些元素协同工作以提供直观的用户体验。微软在 Windows 10 中展示了 Fluent Design System 的一些概念,它们看起来绝对华丽。当然,概念和实际情况总是有很大不同 - 但微软已经在 Windows 10 中的一些第一方应用程序中提供了新的流畅设计系统的元素,并且这些应用程序现在看起来非常好。如果您是 Windows Insider,您现在就可以去尝试一下。雷蒙德还发布了 Fluent Design System 的一些关键部分的 API,包括 Acrylic 材质和新的 Reveal 体验。 Windows 10 应用程序开发人员可以使用这些 API 开始使用新的 Fluent Design System 改造其现有应用程序,设计人员可以开始设计 Fluent Design System 应用程序 使用设计套件. 这些新的 API 将使开发人员能够构建由 Windows 10 中的 Fluent Design System 提供支持的美妙体验。

[shunno-quote align=”right”]第一波 Fluent Design System 已经可供 Windows Insiders 使用[/shunno-quote]

事实上,微软的大多数 Windows 10 应用程序已经使用了 Fluent Design System 的某些部分,包括 Groove Music、Microsoft Photos、Paint 3D、View 3D、Voice Recorder 甚至 Calculator 应用程序等应用程序。 这些应用程序使用了 Fluent 设计系统第一波的所有组件——包括丙烯酸材料、显示高光、连接动画、有意识控制和透视视差等。 微软在 Build 2017 的一次会议上深入探讨了 Fluent Design System,该公司详细介绍了 Fluent Design System 目前可用的内容以及下一步的计划。 该公司的 Paul Gusmorino 和 Bojana Ostojic 展示了一些将很快获得新 Fluent Design System 的应用程序——包括 Outlook 邮件和日历应用程序、Microsoft Edge、Xbox、OneNote 和 My People 体验。 该公司甚至展示了它将如何在 Windows 10 的开始菜单中实现 Fluent Design System 的 Reveal 体验。您可以在下面看到其中一些(土豆质量)屏幕截图。

Fluent Design System 的核心并不只是外观和感觉。 功能性是任何设计语言的重要组成部分,Fluent Design System 用它的构建块来解决这个问题。 但我想专注于深度元素,这是新设计系统中非常重要的一部分。 在 PC 上,深度效果呈现了一个分层的用户界面,您可以在上面的 Windows 应用商店概念中看到这一点,Fluent Design System 还提供了一种视差效果,将它们结合在一起。

[shunno-quote align=”left”]3D 深度效果在 Windows 混合现实中看起来很棒[/shunno-quote]

而当你转向像 HoloLens 这样的现代计算机时,深度效果真的会发光。 微软目前正在试验一种沉浸在 Windows Mixed Reality 中的 3D 深度效果(z-depth-layering)。 目前尚不清楚它何时或是否会在 Windows 10 中实际发布,但它看起来仍然很棒。 这实际上意味着 Fluent Design System 不仅适用于键盘和鼠标。 Microsoft 正在设计 Fluent Design System,以便它可以在各种 Windows 10 设备和输入(包括笔、手势、凝视等)上工作。

[shunno-quote align=”right”]一致性将是 Fluent 设计系统的关键[/shunno-quote]

Fluent Design 是 Microsoft 和 Windows 10 的一段旅程。不要指望 Windows 10 的设计会随着一次操作系统更新而发生根本性变化——它需要时间才能出现在整个操作系统中,这很好。 但是,只有微软设法在 Windows 10 中的所有应用程序中保持其设计原则一致,Fluent Design System 才会成功。当前 Windows 10 设计的最大问题之一是它根本不一致——周围有3-4 种不同的上下文菜单设计,第一方应用程序使用不同深浅的背景颜色,应用程序中元素的对齐方式无处不在。 微软需要做大量工作以确保其设计人员在所有第一方应用程序中正确实施 Fluent 设计系统,但雷德蒙德需要找到一种使第三方开发人员也能做到这一点的方法。

到目前为止,我看到的所有 Fluent Design 概念看起来都极具感染力。 从 Windows Store 概念到新的 Xbox 仪表板,所有 Fluent Design 概念都非常华丽。 一些功能元素的外观和感觉也非常好。 但随着微软在 Windows 10 中推进 Fluent Design System 的实施,它需要确保执行是完美的。 该公司仅在 Windows 10 中的应用程序中添加了新的 Fluent 设计系统,但该公司仍有很长的路要走,在 Windows 10 的核心(即外壳)实施新的设计系统将需要时间。 但这完全没问题,只要 Windows 10 的所有应用程序和组件的实现保持一致,新的 Fluent Design System 对 Windows 10 的未来至关重要。

随着 Windows 10 秋季创意者更新,微软正在发布第一波 Fluent Design System。 该公司目前正在试验将随第二波发布的元素——包括您在上面的视频中看到的 3D 深度效果,以及 360 度媒体播放、有意识的标题、语音和空间声音等内容。

有关主题的更多信息: 流畅的设计系统, 微软边缘, Microsoft Fluent设计系统, 混合现实, 项目NEON, 10窗口, Windows混合现实, Windows商店