近日，Build2017大會上微軟宣佈採用全新的Microsoft Fluent Design System，並展示了Win10流暢設計體系，我們驚喜地看到微軟在設計上終於發力，迎來顛覆性的改變。
微軟Modern UI，谷歌Material design和蘋果iOS並稱為三大主流設計語言。
而微軟Modern UI設計風格一直為人所詬病，規整的方塊磁貼格局、單調的配色、枯燥的文字介面…從顏值上而言，蘋果、谷歌簡直在碾壓微軟，近些年來在移動端市場佔有率上幾家的差距也是越來越大。
“功能再強大，我也理解不了微軟爸爸的審美”
？
現在微軟放大招！大會上，微軟全球執行副總裁特里•梅爾森（Terry Myerson）說到：“此次的微軟系統將帶來直觀、和諧、響應迅速、相容廣泛的跨裝置體驗與互動操作。”光是看官方釋出的影片就能感受到微軟與谷歌、蘋果在設計上並肩的野心。
此次帶來的全新語言Fluent Design System（以下簡稱FDS）主要包括五大核心元素：
Light（光感）、Depth（深度）、Motion（動畫）、Material（材質）和 Scale（縮放）
。我們將從這五個方面展開說明FDS的設計理念，與谷歌Material Design和蘋果iOS又有何相似之處，真的會成為微軟劃時代的設計語言嗎？
01
Light（光感）
“神說要有光，世上便有了光。”
設計中光的重要性不言而喻，Joe Belfiore在大會上表示：新的light元素可以創造良好的氛圍，讓應用多一種空間的概念。
在介面互動中能夠強烈吸引使用者的注意力，透過塑造光感的明暗度來引導使用者，比如我們看到滑鼠懸停時發光的按鈕、圖示點亮其他元素、高光漸變都給使用者以更人性化的視覺體驗。
這一點上，谷歌Material Design同樣運用light引入shadow，建立其標誌性的卡片陰影輪廓。而相比谷歌略顯固化的陰影疊加，FDS中主動變化的高光顯得更為生動有趣，更貼合真實世界中自然的設計。
02
Depth（深度）
創新性的改變，打破二維平面的侷限拓展至三維空間領域。
以往微軟所經歷的幾個設計階段，直至Modern UI都離不開單調的平面設計。而現在運用depth元素，與物理環境相結合，將重要的內容呈現在使用者面前，營造縱深變化的錯覺，能夠極大地減少視覺疲勞，給人以更豐富的感官體驗。
而谷歌Material Design早已嘗試將三維空間引入設計。提出z軸概念，利用z軸的深度，更好地打造空間感，使介面的每個元素層級鮮明，突出主次與重要程度，同時也加強UI視覺上的表現力。
你們發現了嗎？微軟和谷歌都在三維空間設計領域的深入研究，更易於展現虛擬物體在三維空間中的應用，隨著AR/VR技術的發展，更具未來前瞻性。
03
Motion（動畫）
我們都知道，好的動效是優秀產品重要的組成要素之一，微軟自然不會忽視這一環。
Motion元素能為使用者提供更多好看、互動性強的動畫，吸引使用者的注意力，讓表達充分而細膩。
並且可以看到，微軟此次創造出更色彩絢麗的動效，視窗內部小圖示和元素都能夠承載大量的動畫效果，好感度up？
說到這裡，又要提谷歌的Material Design，以一種優雅、流動的方式來體現動效，構建與真實世界相連的空間關係。比如優雅的轉場效果、按壓/釋放觸控漣漪、富有層次的時間感…這些都是Material Design中Motion的經典動效案例。
04
Material（材質）
從剛才所說的光感、深度和特效都在試圖建立與物理世界的聯絡，而材質更是要模仿現實世界中各種物質，讓使用者感受真實觸感的重要一環。
比如微軟這次所迴歸的毛玻璃效果，對於這種半透明光影漸變的效果我們似乎毫無抵抗力。其實Win7時代就有毛玻璃特效，而蘋果則將這一特性發揮得淋漓盡致。從z軸維度出發的設計，用它來製造出覆蓋內容之上的感覺，令介面元素更有層級，更有趣。
谷歌的Material Design從命名就可以看到Material材質的理念，而它的靈感正是來源於對紙和墨水的研究，其最重要的特徵就是卡片資訊的層疊、合併、分離，擁有現實世界的厚度與質感，能夠自由伸展變形又是它的魔力所在。
不論是微軟全新發布的語言，還是谷歌、蘋果，對於真實材質在設計中的運用都非常重視。
設計與生活理念相結合，讓使用者能夠產生更自然的感知或許是材質如此重要的原因，你覺得呢？
05
Scale（縮放）
可以看到微軟在幾個不同規模的互動場景中，不論是小螢幕觸控還是VR實景，都能夠滿足。而scale元素最顯著的一點在於，是在VR/AR技術中的運用，微軟打破這一侷限，將虛擬物體的縮放應用在UI互動中，還提到許多前瞻性的概念設計。
我們會預見在下一個網際網路經濟浪潮，微軟對未來的佈局投放在人工智慧領域。
從可穿戴智慧裝置HoloLens，去年宣佈推出混合現實技術Mixed Reality（MR）到成立人工智慧研究部門…此次微軟推出的全新語言FDS與其戰略佈局相一致，讓UI與真實世界相融合，或許不僅僅是應用於Win10的新語言，而是有更深探索。
這方面，谷歌和蘋果的想法也不謀而合，人工智慧是新一代的人機互動。所強調的光感、深度、動效、材質和縮放，搭建出來的是一個可感知的真實世界，隨著技術的不斷髮展，在日常互動設計和應用介面，將與使用者產生更親密的聯絡。
新版Windows還未釋出，從此次微軟釋出的全新語言Fluent Design System看到對未來的美好暢想，看到他們在設計上顛覆性的創新，開始學會如何優雅地為使用者展示覆雜資訊。對於曾經被谷歌Material Design和蘋果iOS所碾壓的局勢在悄悄開始發生變革，我們拭目以待~
？
連微軟爸爸都知道
好的設計才能抓住使用者的心
到Designup
找一位優秀設計師
讓你的產品脫穎而出
到Designup 用可靠設計師 | 公眾號：Designup第三市集
原創文章 轉載請聯絡作者
