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