在今天更新的官方博文中,微軟面向開發者和使用者詳細介紹了針對設計語言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設計系統的未來期望,該大會對所有人免費開放。