上周在微软全球开发者大会Build 2017上,微软发布了新的视觉语言,称为“Fluent Design”。因为这几天事情比较多,所以老土一直也没有看发布会的视频,本来准备看几个相关的帖子以大概了解一下,但发现都是语焉不详。于是心里暗暗腹诽,现在的小编实在是太偷懒了,连一点儿有用的信息都不整理发布吗!!!!看来还得自己看看发布会视频,体会一下才行。
终于今天有时间将发布会大概看了一遍,重点看了Fluent Design发布的一段,之后心里慢慢的浮起几个字,“泥马,这的确是什么都没有说呀........”!这里老土带着各位看官简单过一遍。
Fluent Design是在Joe Belfiore的Keynote中发布的。Joe Belfiore还是非常有来头的,曾经是Windows Phone的负责人,是WIndows 10的负责人...,只是这次这小哥的形象让人担心。
Joe的Keynote的第一部分就是关于Fluent Design的,由此可见他还是对这个新的设计语言非常看重的。介绍的开头一部分是宣传视频,如下。
看完宣传视频的各位看官,有人觉得自己get到了吗?反正老土是觉得自己没有get到什么,于是热切的等着Joe的具体介绍。果然Joe开始介绍了...
Fluent Design共有五项特征,分别是:Light、Depth、Motion、Material、Scale。
老土试着谈谈自己觉得明白的部分。
第一:Light(光)。这点还是比较容易理解的,主要指的是“光(点)”可以引导用户的关注点。
第二:Depth(深度)。这点应该是试图在平面上营造水平和垂直的维度感,从而使内容更具曾经,交互更具层次。
第三:Motion(动作)。这点应该是指要通过“符合用户预期”的动画营造更良好的交互体验。
第四:Material(质感)。关于这点,Joe只是反复强调不同的材质有不同的质感,而没有具体说如何体现在界面设计中。
第五:Scale。这点完全没有听懂...
按照一门设计语言的发布的流程,在介绍了理念之后,应该会演示一下,更具体的解释一下应用方式。于是老土开始期待演示环节,果然Joe安排 了这个环节。但在这个环节中,Joe仿佛只是介绍了一大篇关于Edge和ink的内容,而没有再具体解释Fluent Design。就这样介绍Fluent Design的环节结束了。
坑爹呀!难怪昨天小编编不出来关于Fluent Design的内容啊!不过Joe也说日后会有更多更具体的介绍,而且就目前放出来的效果图,Fluent Design的应用还是挺好看的(老土觉得)。