Win10 Fluent Design System正式版

Win10 Fluent Design System，在10月17日推送的Win10創(chuàng)意者更新秋季版中，應(yīng)用采用Fluent流暢設(shè)計的特效，包括Fluent Design的觸摸，表現(xiàn)最好的是Groove Music�？靵眢w驗一下吧！

加入Fluent Design system(流暢設(shè)計體系)效果

fluent design system特色介紹

微軟將這套全新的設(shè)計語言名為 Fluent Design System（流暢設(shè)計體系），該體系共有五大核心元素，包括Light（光感）、Depth（深度）、Motion（動畫）、Material（材質(zhì)）和 Scale（縮放）。

Light（光感）

對電影人來說，演員、道具都不是最重要的，想拍出攝人心魄的震撼畫面，首先要懂如何用光。在設(shè)計中，光的重要性也不言而喻，UI 的明暗程度甚至?xí)�改變用戶的感知。Belfiore 表示，新的 Light 元素可以創(chuàng)造良好的氛圍，讓應(yīng)用有一種空間概念。除此之外，在設(shè)計交互菜單和應(yīng)用界面時，光的應(yīng)用也能吸引用戶的注意力，發(fā)光的按鈕就能引導(dǎo)用戶輕松上手一款應(yīng)用或提示應(yīng)用的亮點功能所在。

Depth（深度）

微軟的 UI 設(shè)計經(jīng)歷過多個階段，先是經(jīng)典的灰色界面配枯燥的菜單，隨后它們搞出了 Metro 設(shè)計語言，但無論怎么變化，微軟向用戶呈現(xiàn)信息和工具時主要還是依賴那些無聊的平面設(shè)計。有了全新的流場設(shè)計體系，微軟將在范式上做一次大變革。

與傳統(tǒng)的微軟味 UI 相比，Build 大會上展示的新 UI 讓我們見識了微軟的巨大進步，通過放大或伸縮的動作，一些重要的事項會放大呈現(xiàn)在用戶面前，造成一種深度變化的錯覺。借助 Depth 元素，UI 會呈現(xiàn)出物理環(huán)境的變化，這樣能減少審美疲勞，大幅提高用戶黏性。

Motion（動畫）

過場動畫是 UI 參與感的評判標準之一，Motion 元素的加入將為用戶提供更多好看且互動性十足的動畫，這樣就能更好地吸引用戶注意力。Belfiore 將 Motion 元素的應(yīng)用比作演員用動作引導(dǎo)觀眾進入故事一樣。“Motion 元素有特殊的魔力，它能讓我們的體驗完全活過來�！彼�說道�！巴瑫r，它還能輕松的引導(dǎo)用戶從一個任務(wù)過渡到下一個。”微軟此前在 Xbox One 中嘗試過這種更加動態(tài)和亮色系的過渡動畫，結(jié)果顯示這種設(shè)計很快就能吸引用戶的注意，同時提升用戶參與的欲望。

Material（材質(zhì)）

與其他流暢設(shè)計體系的元素類似，Material 也是對 Windows 傳統(tǒng)視覺風(fēng)格的無情嘲笑。傳統(tǒng)的微軟 UI 功能區(qū)確實能完成不少功能，但它與物理世界沒有任何聯(lián)系。Belfiore 認為要想讓用戶愛上 Windows 應(yīng)用設(shè)計，就必須去模仿現(xiàn)實世界中各種物質(zhì)的質(zhì)感。

“我們希望在設(shè)計中加入更多類似的元素，質(zhì)感非常重要�！盉elfiore 說道�！斑@樣就能吸引用戶去觸碰，去加入整個交互過程�！笨雌饋砗唵�，做起來并不容易，因為最新的 Fall Creator Update 加入了更棒的語音控制、觸控交互和觸控筆輸入等功能，如何吸引用戶用新功能完成交互是設(shè)計師必須要考慮的。

Scale（縮放）

微軟全新設(shè)計語言的大多數(shù)功能是為傳統(tǒng)計算環(huán)境服務(wù)的，其目的是讓用戶能用各種周邊和配件完成交互，但 Scale 元素卻顯得與眾不同。在這個元素上，微軟押注了自己的未來。對數(shù)字物體的縮放是 3D 交互界面和 VR/AR 時代的必備功能。

在電腦顯示器上看起來較為合適的物體放在 AR 或 VR 頭戴設(shè)備中觀看，可能就會變得過大或過小。因此，虛擬物體大小的縮放是第一視角 UI 體驗的關(guān)鍵因素之一。

相關(guān)新聞

也就是17號，微軟將正式啟動Windows 10 Fall Creators Update(秋季創(chuàng)意者更新)的推送。

作為第五個正式版穩(wěn)定系統(tǒng)，被喚作“Win10.4”的秋季創(chuàng)意者更新有一個重要調(diào)整就是引入“Fluent Design System”，即流暢設(shè)計語言體系。

其實在創(chuàng)意者更新中，流暢設(shè)計語言的一些表征已經(jīng)開始進駐，但主要是APP的形式，如計算器陰影效果、被微軟放棄掉的Groove音樂。

近日，微軟通過一段視頻詳細展示了Fluent Design在Windows 10上的呈現(xiàn)效果——

↑↑↑動圖

FD總共有5套元素，在視頻中主要出現(xiàn)的是鼠標指向項目后的浮動高亮動畫和Acrylic邊緣模糊組件，部分類似Win7 Aero效果，其他元素會在今后的Windows 10更新如RedStone4中逐步上線。

由于Windows 10的“更新即服務(wù)”理念，所以我們在很長一段時間都不會見到Windows 11。