Win10 Fluent Design System正式版

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

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

fluent design system特色介紹

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

Light（光感）

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

Depth（深度）

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

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

Motion（動(dòng)畫）

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

Material（材質(zhì)）

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

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

Scale（縮放）

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

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

相關(guān)新聞

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

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

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

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

↑↑↑動(dòng)圖

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

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