新版Win10就长这样？剖析微软Fluent Design System

　　毋庸置疑，Windows 10 RS3就是Build 2017开发者大会第二天主题演讲中的绝对主角，它也因此有了一个新的名字——Windows 10 Fall Creators Update（Windows 10秋季创意者更新）。尽管这个名字中并没有多少创意性，但微软却在这次更新中增加了不少新功能，在UI美学上更是有了极大的进步！

　　在新版操作系统中，微软为用户准备了一条时间轴，大家可以用它来管理复杂的工作会话和那些将所有微软服务绑在一起的API。最重要的是，微软拿出了全新的设计范式，为的就是彻底改变沿用多年的平面矩形UI。

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

　　新的设计体系是微软与僵硬老旧设计思想的诀别。“是时候跟局限在一个平面上的矩形说拜拜了。”微软的 Joe Belfiore在Build大会上介绍新设计语言时说道。“新的设计语言不止与视觉有关，它还涉及交互模式、空间和全新元素的整合方式。”

　　下面，我们就来快速浏览微软全新设计语言的五大核心元素和它们对未来应用设计的影响吧。

　　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体验的关键因素之一。

　　从理论上来讲，以上五大核心元素确实能帮微软创造出更加稳定且互动性十足的用户体验，但流畅设计体系下的Windows到底长什么样，微软在主题演讲上并未披露太多信息。不过，在预告片片尾，一些范例还是让我们燃起了一些希望。

　　可以肯定的是，这些范例中的图片大多还处在概念设计阶段，但它们确实是流畅设计核心原则的体现。就拿全新桌面来说，Depth元素的使用和光影的变换让我们能很清楚的看出每个窗口所处的位置。同时，场景中的物体都有不同的感觉，它们变得更加真实了，这里就实践了Material元素。此外，上面三种元素的运用还让人感觉到了Scale元素的存在，因为整个UI看起来就像不同的窗口被投影在墙上，但却有一种AR式的观感。

　　当然，现在就来评述流畅设计体系能否成功还为时尚早，但从中不难看出微软正在用新的思路审视自家的UI！不过这样的新画风确实让人有些不太习惯，新版本的Windows10系统真的会是这个模样吗？我们将拭目以待。