Javascript Microsoft Fluent Web设计（CSS框架）

微软最近发布了一个名为“Fluent design”的设计系统，将其应用于网页设计是否合适

我的大部分搜索都是针对所有微软平台、C#app、F#等。。

---

我从来没有在网页设计中看到过任何与此相关的东西

我只是在这里引用微软的话

它与网页设计完全相关。因为这些只是原则，不特定于任何平台。因此，如果你是一名网络开发人员，并且喜欢微软的思维方式。围绕这些原则构建一个WebUI框架是非常好的

---

请查看这篇文章，您的问题已在问答环节（22:00）中讨论过。

更新：Fluent design现在支持web、Android和IOS

更新：可以找到称为react uwp的高质量第三方react组件框架

更新：新网站位于

更新：链接现已失效，不再提及流畅的设计

微软为自己的员工和供应商提供了一个网络框架

看起来他们正在向这个框架引入流畅的设计组件

---

查看组件、HTML结构和CSS的详细信息，您可以使用这些组件来满足Microsoft的web设计原则。

只需从页面底部复制粘贴即可

此网站仅限Microsoft员工和授权供应商使用。非Microsoft网站上不得使用本网站的任何资料或代码。通过进入此网站，您确认您是Microsoft员工或代表Microsoft工作的授权供应商。您进一步同意，这些材料和代码构成Microsoft的知识产权，仅限于在Microsoft运营的网站上使用，并受管理您与Microsoft的雇佣关系或供应商关系的适用协议的约束

---

2020年4月更新流畅设计的主要目的地是

有关官方web框架，请访问github repos：

• -一组用于构建Microsoft web体验的React组件。良好的支持和大量的追随者
• 仅包括网格、排版、图标和实用程序。没有组件，也不依赖于React。保养得不太好

提供了一些教程。

查看框架

它是当前引导版本的一个流畅的设计扩展，使用jQuery，因此对任何人来说都应该是一个简单的起点，真的。此外，它是一个“正在进行的工作”，因此随着设计本身的发展，您可以期待进一步的功能

---

---

重要更新：Fluent工具包以及整个Nespero项目已关闭

您可以使用此库在Fluent设计系统中显示效果。 您需要等待背景模糊效果支持的

背景过滤器
CSS


超级链接似乎已经死了：（链接截至11月31日不起作用）。2017@TNU-更新链接。@ronyl谢谢！现在可以使用了！所有链接都是从哪个页面底部开始的？这是对另一个答案的评论，而不是它自己的独立答案吗？@Josh，可能是通常的不允许评论的情况。或者更相关的是，如果你不允许，你不允许使用Fluent Design微软。那个网站真的是关于流畅的设计吗？我看不到“流畅”网站上的任何地方都提到过，对我来说，它看起来更像Metro，而不是Fluent。我没有看到一个丙烯酸、灯光效果或展示效果的例子，而且几乎没有任何动作。你说得很好@Josh，我在该框架上也看不到任何对Fluent的引用。它似乎仍然是MS web风格的主要资源尽管有指导。url现在在这里…这个网站是微软内部唯一有效的网站。不供一般公众使用。这个问题已经被关闭，无法回答。但答案是肯定的，它可以用于网站开发。Metro设计是第一步。材料设计得到了一些原则，并将其变灰。question已经关闭，无法回答。但答案是肯定的，它可以用于web开发。它是由Fluent Deisgn开发的。其他答案中提到了一些用于它的框架。我补充说，我对它已经熟悉了大约3年。Fabric Core是Fluent UI的CSS库：