關于微軟全新語言Fluent Design，你要知道的都在這兒
近日，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
找一位優秀設計師
讓你的產品脫穎而出
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）