今天優時節要和大家分享微軟的Fluent Design，這個風格早在2017年的Build 2017上，微軟就推出了新的設計語言（Fluent Design System），其實這種設計語言已經在Win10上使用了挺長時間。但是，現在看來，如果設計師善加使用，必然會為自己的設計注入不少新鮮的空氣。
來看下面的視頻:
與Google的Material Design相比，除了強調前者的Z軸概念，層次感之外，Microsoft Fluent Design 從光線（Light），深度（depth），動畫（motion），材質（Material）與尺度（Scale）等元素一個個的慢慢帶入。我們可以發現，這難道不是我們之前說的“新擬物”風格的另一種展現形式嗎？
與MD風格特別強調的陰影相比，Fluent Design則強調Light，也就是光，用戶每次點擊區塊都有一種被照亮的感覺，呼應了毛玻璃材質。
接下來就是深度Depth，深度可以是陰影，也可以是視差感，這種視差感讓物體產生了立體感和層級。
除了光線和深度，材質也是非常重要的載體。也是凸顯層次感的一種手段，Fluent Design的層次感是不是有點類似於咱們說的“新擬物”？
接下來咱們一起來感受下Fluent Design的設計，總體來說，毛玻璃材質，主次分明，比之前咱們看到的過分強調凸起感的擬物風格要好上很多。
靜電為大家提煉一些關鍵詞：光感，平滑的表面，反射，及毛玻璃效果，純粹的顏色，當然，還少不了陰影。可以說Fluent Design是結合了純扁平化設計與Material Design 並加以改造和進化的產物。
請注意下圖左側的質感表現：
我們不妨以下面兩個圖形來表達純扁平化圖形和Fluent Design中質感的不同，左側純扁平化，右側Fluent Design。
另一個則是Office圖標的演變史，觀察後，你便可以對這種風格有更具體的認知。
在微軟的New Office中，我們可以具體感受一下APP的UI設計
最後，總結一下UI設計師在使用Fluent Design時的要素：
1.區塊之間的信息層級依然是重點，可以沿用扁平化設計風格。
2.在扁平化設計風格之上，為圖標等使用漸變，陰影與質感，以及高光
3.對於純色區塊，彈層，可以使用毛玻璃效果表現。
4.強調版式設計的重要性，這是任何設計都必須遵循的，之前咱們聊過的“新擬物”則不具備，所以稱為它的缺陷。
5.微創新要比推翻一切重新設計更有益，也更容易。步子太大容易扯到。
6.設計的創新是靈活的，不要侷限於照搬某種設計語言。
閱讀更多 優時節設計 的文章
