在今天更新的官方博文中，微軟面向開發者和用戶詳細介紹了針對設計語言 Fluent Design 的改進。目前該設計語言已廣泛應用于 Outlook、Teams 和 OneDrive 等應用程序中，而在這篇博文中微軟引入了 Fluent UI，在共享章程下實現了 Web 和移動 UI 的統一。

　　在這篇博文中微軟詳細介紹了開發者框架的演進，收集和采納了來自設計師、開發者、可訪問性、國際專家以及編寫人員的意見。微軟表示已經確定了 Fluent Design 需要改進的諸多方面，在 2020 年他們的目標就是縮小設計和代碼之間的差距，而第一步就是從設計 token 系統開始。

　　全新的跨平臺庫

　　Fluent UI 是 UX 框架的集合，方便創建可共享代碼、設計和交互行為的 Web 和移動應用程序。

　　使用來自微軟的 Fluent UI React（web）、Fluent UI Apple（iOS 和 macOS）以及 Fluent UI Android GitHub 庫的組件，可以確保 Microsoft 365 應用和服務保持強大的生產力基礎上，同時在跨平臺上感覺更直觀、更連貫。

　　通過添加新的 Fluent UI React Native library，微軟創建了多個跨平臺組件，能夠讓 JavaScript 開發者更容易跨設備向客戶快速交付體驗。

　　各種設備原生體驗，依然統一的 Fluent

　　微軟表示，他們相信他們的 Fluent 設計元素，如自定義導航欄，使應用程序在原生 iOS 和 Android 平臺上仍能感受到獨特的 Fluent 和跨平臺的一致性。

　　提供更連貫、更具生產力的體驗

　　在所有的微軟 365 應用中使用相同的設計語言，還可以讓用戶輕松地從一個應用切換到另一個應用，并對如何瀏覽它和完成事情有一個相當好的想法。平臺也是如此。 微軟指出，人們經常會在一臺設備上開始一項任務，然后從另一臺設備上完成，因此創建跨平臺的連貫體驗可以減少客戶的認知過載。

　　微軟主題架構的現代化

　　目前，微軟多款產品都使用了脫節的主題涉及方法。

　　微軟正在尋求對其主題架構進行現代化改造，以創建一個可擴展的、面向未來的設計系統。在通用的主題架構、分類法和跨微軟框架下，未來能夠更輕松、更快速的將主題部署在所有平臺上。

　　為了做到這一點，微軟正在從固定值轉向更多的不可知曉的變量，也就是 design tokens（設計令牌）。設計令牌定義了 UI 界面的視覺屬性，并使用通用的語法將設計與代碼連接起來。設計和開發工具都可以訪問的集中式風格庫將作為更新的地方，無需修改編碼的組件。

　　為了暴露出令牌的力量并減輕其復雜性，微軟正在探索如何在現有的設計工具內部滿足設計人員的需求。由于微軟的大多數設計人員都在使用 Figma，因此，微軟尋找了一些方法來擴展該工具的功能，以支持他們的設計令牌，而且幾乎沒有任何障礙。

　　初步成果是 Figma 插件，它將取代原生屬性面板。設計師將不再通過屬性面板分配顏色或筆畫寬度來創建設計，而是將為其圖層分配令牌。如果有必要，他們可以將這些令牌重新映射為不同的值，讓任何變化在整個設計中傳播。微軟還在建立開發管道，將這些設計令牌轉化為平臺特定的值。

　　這些努力共同幫助將設計值直接分配到代碼庫中，為產品設計人員和開發人員提供了一個完全集成的從設計到代碼的工作流程。

　　對于終端用戶來說，能夠輕松選擇加入他們創建的應用程序的主題庫。然后他們可以對這些庫進行定制，以更好地反映產品的品牌或服務，并在整個生態系統中感受到更多的一致性。

　　微軟將在 5 月 19 日-20 日的微軟 Build 2020 在線大會上談論更多關于 Fluent UI 以及他們對 Fluent 設計系統的未來期望，該大會對所有人免費開放。

總結

以上是生活随笔為你收集整理的微软宣布Fluent UI：开启Microsoft 365体验新篇章的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。