这几天 Windows 圈的消息有点密集:微软计划替换 Windows 11 中大量传统对话框和弹窗,自动播放对话框和属性窗口都在名单里。IT之家新版自动播放弹窗、文件属性面板全部改成适配 Fluent Design 的统一圆角风格。快科技重构后的打印管理工具也已经推送到发布预览通道,离全员推送只差一步。快科技跳票已久的可移动任务栏、去除 Bing 搜索,预计 9 月就会跟上。

关注这个话题的朋友应该有感觉:Fluent Design 这套喊了 9 年的设计语言,终于快把 Windows 这张“脸”补齐了。但大家看新闻的时候,我们顺手挖出来一个更值得收藏的东西——微软其实早就把 Fluent 的一整套设计资产开源了,表情、图标、设计规范、前端组件全都有,而且基本免费。今天一次整理清楚,方便大家直接拿走用。
先快速澄清一个容易踩的坑:中文互联网上直接搜“Fluent”,搜出来的大头是 ANSYS Fluent,那是个流体仿真软件,和设计没有半毛钱关系。我们说的是 Fluent Design System,微软 2017 年开始推的跨设备设计语言,Win11 的圆角、云母(Mica)材质、整套视觉氛围,底层标准都是它。
它和新闻里的 WinUI 是什么关系?可以这么理解:Fluent Design 是“装修设计图”,规定界面长什么样、怎么动;WinUI 是“预制建材”,按钮、输入框、对话框这些控件按图纸做好了,开发者直接取用。Win11 这几年一直被吐槽“一半现代、一半上世纪”,就是因为大量老对话框还没换成 WinUI 建材,文件属性、运行、打印管理都排过改造队,现在才轮到自动播放。IT之家这周的新闻,本质上就是微软终于开始还这笔旧账。
重点来了,官方资产清单,按“普通人最容易用上”的顺序排:
1)Fluent Emoji:最容易上手的一份
1500+ 个 emoji,每个都有彩色、扁平、高对比度、单色四个版本,PNG 和 SVG 格式齐全。你丫才美工彩色版是那种轻拟物的“橡皮泥”质感,放进 PPT、海报、公众号配图里,质感立刻和普通表情包拉开差距。这套表情 2021 年就已经发布,当时官方一口气给出了 1800 多个。微博2022 年,整套表情在 GitHub 开源,当时设计圈博主的评价是“谁能拒绝这么可爱的表情包,赶紧收到你的养马场”。

仓库地址:github.com/microsoft/fluentui-emoji
2)fluentui-system-icons:微软自家软件用的图标,原样开源
整套图标库完全开源,每个图标有线条(Regular)和实心(Filled)两种风格,多种尺寸,SVG 和字体文件都备好了。HelloGitHub做 UI、做网页、做个人工具,想要那种“干净、很微软”的图标味道,不用去图标网站大海捞针,这就是官方原版。
仓库地址:github.com/microsoft/fluentui-system-icons
3)Fluent 2 设计规范:想认真学设计系统的看这里
2023 年微软把 Fluent 升级到了 Fluent 2,核心变化是引入了“设计令牌”(Design Tokens)——颜色、圆角、间距全部变成标准化变量,一套令牌适配明暗模式、不同平台。微博设计师想理解“统一感”到底怎么做出来的,这是最好的免费教材;小红书上那些“如何创建一个像微软的设计系统”的帖子,拆解的就是这套东西。
入口在微软 Learn 的 Windows 应用设计文档,以及 Fluent 2 官网。
4)Fluent UI React / Web Components:前端的现成组件
写网页的话,微软官方的 Fluent UI 组件库值得直接上手:React 版、Web Components 版,按钮、表格、对话框一整套现成控件,微软 365 的网页应用就是照着这套体系做的。与其自己手写样式模仿毛玻璃,不如直接调用。
5)WinUI 3 Gallery:桌面端的“Fluent 样板间”
微软商店里有个免费应用叫 WinUI 3 Gallery,把所有控件、所有材质(Mica、亚克力)做成了可交互的展示。想知道标准 Fluent 界面长什么样、动效怎么收放,下载它点一圈,比看十篇文章都直观。
再补一个有意思的观察:微软还没换完的皮,社区早就自己补上了。
B站上“用 Win11 风格做自己的软件”一直是个热门赛道:PyQt-Fluent-Widgets 组件库的展示视频播放量 9 万多。哔哩哔哩FluentUI(QML 版)的视频播放量超过 12 万,收藏都是三千起步。哔哩哔哩
就在今天,知乎上还有开发者晒出了一个全新的 C++/QtWidgets Fluent 风格组件库,MIT 协议,甚至做好了浏览器在线预览,不用装 Qt 环境就能看效果。知乎同一周还有人在逐模块解读 Fluent UI 官方源码的工程结构。知乎换句话说,不管你是 Python、Qt 还是 Web 技术栈,想要“Fluent 脸”,GitHub 上搜 “Fluent” 加你的框架名,大概率有现成轮子。

最后是三条避坑提醒,用之前一定看完:
第一,许可。上面这些官方仓库都是 MIT 协议开源,个人商用都免费,但真要用在商业项目里,请以下载时仓库里的 LICENSE 文件为准,别拿别人转存的二手包。
第二,风格别混搭。Fluent 现在是几代元素并存:Win10 时代的亚克力毛玻璃、Win11 的云母材质、2024 年微软设计团队又官宣了更立体的 3D 风格图标。微博同一份物料里风格混着用,会显得像新衣服配旧裤子。
第三,搜索加关键词。找素材时带上“微软”“设计系统”“Microsoft Design”,不然大概率被流体仿真教程淹没,这不是玩笑。

快速对号入座:
PPT、海报、封面党:先拿 Fluent Emoji,免费、出效果、零门槛;
UI 设计入门:图标库 + Fluent 2 规范,一个解决素材,一个解决方法论;
前端开发:Fluent UI React,别从零手写;
桌面爱好者:WinUI 3 Gallery 看标准答案,社区组件库直接开干。
接下来值得盯的信号:9 月的 Windows 11 更新,可移动任务栏、去 Bing 搜索和更多 Fluent 化界面都会在那一波落地。快科技微软还承诺 2026 年底前完成针对 8GB 内存设备的性能优化。IT之家这波“换脸”连“换芯”一起做了,可以持续观察。
你最想收走 Fluent 的哪份资产?或者已经在项目里用上了?评论区聊聊。