微软将其 Fluent Design 系统引入网络

在 Build 2017 上，微软为其生态系统引入了一种全新的设计语言： Fluent 设计系统. Fluent Design 将随即将到来的 Windows 10 Fall creators Update 一起出现在 Windows 10 中，微软也将它带到了网络上。 该公司今天推出了对其 Web 框架的重大更新，其中包含所有新的 Fluent Design 组件，它看起来非常有前途。

Microsoft 的 Fluent Design 系统由 5 个不同的组件组成：Depth、Motion、Scale、Material 和 Light。更新后的 Web 框架包括其中 4 个组件，但 Scale 组件稍后发布。该公司的 Web 框架官方网站包含一些非常漂亮的演示，展示了 Fluent Design 在 Microsoft.com、Microsoft 帐户仪表板和 Microsoft Store 上的外观。还有一些可供 Web 开发人员和设计人员使用的交互式演示，包括深度组件的演示和光组件的显示效果演示。

下面是一个概念，展示了 Microsoft.com 使用 Fluent Design 的外观：

https://youtu.be/oJnnznK_4-g

在下面的视频中，您可以看到 Conscious Header 效果在起作用。 这种效果可以在 Windows 10 的 Groove Music 应用程序中找到，当用户在页面上滚动时，标题会以整洁的动画折叠起来。

https://www.youtube.com/watch?v=i0atXrZswwc&feature=youtu.be

微软将 Fluent Design 带入 Web 无疑是巨大的。 该公司需要确保用户在所有设备上获得一致的体验，并且通过将 Fluent Design 引入网络，这肯定是可能的。 当然，微软开始在自己的网络服务上实施 Fluent Design 可能需要几个月甚至几年的时间，所以现在不要太兴奋。

您可以在以下位置找到有关 Fluent Design 的更多信息 微软的网络框架在这里， 你可以 在此处阅读所有组件的文档. 您显然不能像使用 Bootstrap 那样使用它，因为它仅限于 Microsoft 员工和合作伙伴。