微软刚刚发布的Fluent Design是个什么鬼？

上周在微软全球开发者大会Build 2017上，微软发布了新的视觉语言，称为“Fluent Design”。因为这几天事情比较多，所以老土一直也没有看发布会的视频，本来准备看几个相关的帖子以大概了解一下，但发现都是语焉不详。于是心里暗暗腹诽，现在的小编实在是太偷懒了，连一点儿有用的信息都不整理发布吗！！！！看来还得自己看看发布会视频，体会一下才行。

终于今天有时间将发布会大概看了一遍，重点看了Fluent Design发布的一段，之后心里慢慢的浮起几个字，“泥马，这的确是什么都没有说呀........”！这里老土带着各位看官简单过一遍。

Fluent Design是在Joe Belfiore的Keynote中发布的。Joe Belfiore还是非常有来头的，曾经是Windows Phone的负责人，是WIndows 10的负责人...，只是这次这小哥的形象让人担心。

Joe Belfiore在Build 2017

Joe Belfiore在Windows 10发布会（2015）

Joe Belfiore在Windows Phone 7发布会（2010）

Joe的Keynote的第一部分就是关于Fluent Design的，由此可见他还是对这个新的设计语言非常看重的。介绍的开头一部分是宣传视频，如下。

Fluent Design

看完宣传视频的各位看官，有人觉得自己get到了吗？反正老土是觉得自己没有get到什么，于是热切的等着Joe的具体介绍。果然Joe开始介绍了...

Fluent Design共有五项特征，分别是：Light、Depth、Motion、Material、Scale。

Fluent Design的五项特征

老土试着谈谈自己觉得明白的部分。

第一：Light（光）。这点还是比较容易理解的，主要指的是“光（点）”可以引导用户的关注点。

第二：Depth（深度）。这点应该是试图在平面上营造水平和垂直的维度感，从而使内容更具曾经，交互更具层次。

第三：Motion（动作）。这点应该是指要通过“符合用户预期”的动画营造更良好的交互体验。

第四：Material（质感）。关于这点，Joe只是反复强调不同的材质有不同的质感，而没有具体说如何体现在界面设计中。

第五：Scale。这点完全没有听懂...

按照一门设计语言的发布的流程，在介绍了理念之后，应该会演示一下，更具体的解释一下应用方式。于是老土开始期待演示环节，果然Joe安排 了这个环节。但在这个环节中，Joe仿佛只是介绍了一大篇关于Edge和ink的内容，而没有再具体解释Fluent Design。就这样介绍Fluent Design的环节结束了。

坑爹呀！难怪昨天小编编不出来关于Fluent Design的内容啊！不过Joe也说日后会有更多更具体的介绍，而且就目前放出来的效果图，Fluent Design的应用还是挺好看的（老土觉得）。

邮件

资源管理器

照片