[PConline資訊]在今天更新的官方博文中 ,微軟面向開發(fā)者和用戶詳細(xì)介紹了針對設(shè)計語言Fluent Design的改進(jìn)。目前該設(shè)計語言已廣泛應(yīng)用于Outlook、Teams和OneDrive等應(yīng)用程序中,而在這篇博文中微軟引入了Fluent UI,在共享章程下實現(xiàn)了Web和移動UI的統(tǒng)一。 在這篇博文中微軟詳細(xì)介紹了開發(fā)者框架的演進(jìn),收集和采納了來自設(shè)計師、開發(fā)者、可訪問性、國際專家以及編寫人員的意見。微軟表示已經(jīng)確定了Fluent Design需要改進(jìn)的諸多方面,在2020年他們的目標(biāo)就是縮小設(shè)計和代碼之間的差距,而第一步就是從設(shè)計token系統(tǒng)開始。
全新的跨平臺庫 Fluent UI是UX框架的集合,方便創(chuàng)建可共享代碼、設(shè)計和交互行為的Web和移動應(yīng)用程序。 使用來自微軟的Fluent UI React(web)、Fluent UI Apple(iOS和macOS)以及Fluent UI Android GitHub庫的組件,可以確保Microsoft 365應(yīng)用和服務(wù)保持強大的生產(chǎn)力基礎(chǔ)上,同時在跨平臺上感覺更直觀、更連貫。 通過添加新的Fluent UI React Native library,微軟創(chuàng)建了多個跨平臺組件,能夠讓JavaScript開發(fā)者更容易跨設(shè)備向客戶快速交付體驗。 各種設(shè)備原生體驗,依然統(tǒng)一的Fluent 微軟表示,他們相信他們的Fluent設(shè)計元素,如自定義導(dǎo)航欄,使應(yīng)用程序在原生iOS和Android平臺上仍能感受到獨特的Fluent和跨平臺的一致性。 在所有的微軟365應(yīng)用中使用相同的設(shè)計語言,還可以讓用戶輕松地從一個應(yīng)用切換到另一個應(yīng)用,并對如何瀏覽它和完成事情有一個相當(dāng)好的想法。平臺也是如此。 微軟指出,人們經(jīng)常會在一臺設(shè)備上開始一項任務(wù),然后從另一臺設(shè)備上完成,因此創(chuàng)建跨平臺的連貫體驗可以減少客戶的認(rèn)知過載。 微軟主題架構(gòu)的現(xiàn)代化 目前,微軟多款產(chǎn)品都使用了脫節(jié)的主題涉及方法。 微軟正在尋求對其主題架構(gòu)進(jìn)行現(xiàn)代化改造,以創(chuàng)建一個可擴展的、面向未來的設(shè)計系統(tǒng)。在通用的主題架構(gòu)、分類法和跨微軟框架下,未來能夠更輕松、更快速的將主題部署在所有平臺上。 為了做到這一點,微軟正在從固定值轉(zhuǎn)向更多的不可知曉的變量,也就是 design tokens(設(shè)計令牌)。設(shè)計令牌定義了UI界面的視覺屬性,并使用通用的語法將設(shè)計與代碼連接起來。設(shè)計和開發(fā)工具都可以訪問的集中式風(fēng)格庫將作為更新的地方,無需修改編碼的組件。 為了暴露出令牌的力量并減輕其復(fù)雜性,微軟正在探索如何在現(xiàn)有的設(shè)計工具內(nèi)部滿足設(shè)計人員的需求。由于微軟的大多數(shù)設(shè)計人員都在使用Figma,因此,微軟尋找了一些方法來擴展該工具的功能,以支持他們的設(shè)計令牌,而且?guī)缀鯖]有任何障礙。 初步成果是Figma插件,它將取代原生屬性面板。設(shè)計師將不再通過屬性面板分配顏色或筆畫寬度來創(chuàng)建設(shè)計,而是將為其圖層分配令牌。如果有必要,他們可以將這些令牌重新映射為不同的值,讓任何變化在整個設(shè)計中傳播。微軟還在建立開發(fā)管道,將這些設(shè)計令牌轉(zhuǎn)化為平臺特定的值。 這些努力共同幫助將設(shè)計值直接分配到代碼庫中,為產(chǎn)品設(shè)計人員和開發(fā)人員提供了一個完全集成的從設(shè)計到代碼的工作流程。 對于終端用戶來說,能夠輕松選擇加入他們創(chuàng)建的應(yīng)用程序的主題庫。然后他們可以對這些庫進(jìn)行定制,以更好地反映產(chǎn)品的品牌或服務(wù),并在整個生態(tài)系統(tǒng)中感受到更多的一致性。 微軟將在5月19日-20日的微軟Build 2020在線大會上談?wù)摳嚓P(guān)于Fluent UI以及他們對Fluent設(shè)計系統(tǒng)的未來期望,該大會對所有人免費開放。
|
正在閱讀:微軟Fluent UI:開啟Microsoft 365體驗新篇章微軟Fluent UI:開啟Microsoft 365體驗新篇章
2020-05-18 11:49
出處:cnBeta.COM
作者:PConline
責(zé)任編輯:wuyiying1