Win10 Fluent Design System正式版

Win10 Fluent Design System，在10月17日推送的Win10创意者更新秋季版中，应用采用Fluent流畅设计的特效，包括Fluent Design的触摸，表现最好的是Groove Music。快来体验一下吧！

加入Fluent Design system(流畅设计体系)效果

fluent design system特色介绍

微软将这套全新的设计语言名为 Fluent Design System（流畅设计体系），该体系共有五大核心元素，包括Light（光感）、Depth（深度）、Motion（动画）、Material（材质）和 Scale（缩放）。

Light（光感）

对电影人来说，演员、道具都不是最重要的，想拍出摄人心魄的震撼画面，首先要懂如何用光。在设计中，光的重要性也不言而喻，UI 的明暗程度甚至会改变用户的感知。Belfiore 表示，新的 Light 元素可以创造良好的氛围，让应用有一种空间概念。除此之外，在设计交互菜单和应用界面时，光的应用也能吸引用户的注意力，发光的按钮就能引导用户轻松上手一款应用或提示应用的亮点功能所在。

Depth（深度）

微软的 UI 设计经历过多个阶段，先是经典的灰色界面配枯燥的菜单，随后它们搞出了 Metro 设计语言，但无论怎么变化，微软向用户呈现信息和工具时主要还是依赖那些无聊的平面设计。有了全新的流场设计体系，微软将在范式上做一次大变革。

与传统的微软味 UI 相比，Build 大会上展示的新 UI 让我们见识了微软的巨大进步，通过放大或伸缩的动作，一些重要的事项会放大呈现在用户面前，造成一种深度变化的错觉。借助 Depth 元素，UI 会呈现出物理环境的变化，这样能减少审美疲劳，大幅提高用户黏性。

Motion（动画）

过场动画是 UI 参与感的评判标准之一，Motion 元素的加入将为用户提供更多好看且互动性十足的动画，这样就能更好地吸引用户注意力。Belfiore 将 Motion 元素的应用比作演员用动作引导观众进入故事一样。“Motion 元素有特殊的魔力，它能让我们的体验完全活过来。”他说道。“同时，它还能轻松的引导用户从一个任务过渡到下一个。”微软此前在 Xbox One 中尝试过这种更加动态和亮色系的过渡动画，结果显示这种设计很快就能吸引用户的注意，同时提升用户参与的欲望。

Material（材质）

与其他流畅设计体系的元素类似，Material 也是对 Windows 传统视觉风格的无情嘲笑。传统的微软 UI 功能区确实能完成不少功能，但它与物理世界没有任何联系。Belfiore 认为要想让用户爱上 Windows 应用设计，就必须去模仿现实世界中各种物质的质感。

“我们希望在设计中加入更多类似的元素，质感非常重要。”Belfiore 说道。“这样就能吸引用户去触碰，去加入整个交互过程。”看起来简单，做起来并不容易，因为最新的 Fall Creator Update 加入了更棒的语音控制、触控交互和触控笔输入等功能，如何吸引用户用新功能完成交互是设计师必须要考虑的。

Scale（缩放）

微软全新设计语言的大多数功能是为传统计算环境服务的，其目的是让用户能用各种周边和配件完成交互，但 Scale 元素却显得与众不同。在这个元素上，微软押注了自己的未来。对数字物体的缩放是 3D 交互界面和 VR/AR 时代的必备功能。

在电脑显示器上看起来较为合适的物体放在 AR 或 VR 头戴设备中观看，可能就会变得过大或过小。因此，虚拟物体大小的缩放是第一视角 UI 体验的关键因素之一。

相关新闻

也就是17号，微软将正式启动Windows 10 Fall Creators Update(秋季创意者更新)的推送。

作为第五个正式版稳定系统，被唤作“Win10.4”的秋季创意者更新有一个重要调整就是引入“Fluent Design System”，即流畅设计语言体系。

其实在创意者更新中，流畅设计语言的一些表征已经开始进驻，但主要是APP的形式，如计算器阴影效果、被微软放弃掉的Groove音乐。

近日，微软通过一段视频详细展示了Fluent Design在Windows 10上的呈现效果——

↑↑↑动图

FD总共有5套元素，在视频中主要出现的是鼠标指向项目后的浮动高亮动画和Acrylic边缘模糊组件，部分类似Win7 Aero效果，其他元素会在今后的Windows 10更新如RedStone4中逐步上线。

由于Windows 10的“更新即服务”理念，所以我们在很长一段时间都不会见到Windows 11。