天天看點

FluentDesignSystem是微軟推出的一套設計語言和互動體驗規範,用于幫助開發者更輕松地建構現代化應用程式。下

作者:壹加壹大與貳

Fluent Design System 是微軟推出的一套設計語言和互動體驗規範,用于幫助開發者更輕松地建構現代化應用程式。下面是各個版本的簡要介紹(按時間順序排列):

Fluent Design System(2017年5月):最初的版本,作為 Windows 10 秋季創意者更新的一部分推出。它引入了許多新的設計元素,例如光影、深度、運動和材料等,以提高應用程式的可讀性、美觀性和整體性。

Fluent Design System 2.0(2018年10月):該版本在視覺風格方面進行了改進,并引入了新的設計元素,例如亞克力效果、毛玻璃和光圈效果等。此外,此版本還引入了一些新的互動元素,例如連續幻燈片和跨裝置共享等。

Fluent Design System 3.0(2019年4月):該版本引入了對 Surface Hub 和 HoloLens 等更多裝置的支援,并內建了更多人工智能(AI)和機器學習(ML)功能。此外,該版本還包括一些新的設計元素,如視差和混合現實(MR)互動等。

Fluent Design System 4.0(2020年5月):該版本主要集中在改進應用程式的可通路性和易用性方面,并引入了更多的自定義動畫和過渡效果。此外,該版本還包括一些新的設計元素,例如輪廓材質和擴充亞克力等。

Fluent Design System 5.0(2021年5月):該版本引入了一些新的設計元素,例如圖像卡和動态背景等。此外,該版本還提供了更加細粒度的控制和自定義選項,以幫助開發者實作更多樣化的 UI 設計。

Fluent Design System 6.0(2022年4月):該版本在色彩、字型和布局方面進行了改進,以提高應用程式的可讀性和易用性。同時,該版本還增加了一些新的控件和互動元素,如拖放和會話管理等。

除了各個版本的功能更新,Fluent Design System 還在不斷推出新的元件和工具,以幫助開發者更容易地實作其設計目标。以下是一些與 Fluent Design 相關的元件和工具:

Microsoft UI Fabric:Microsoft UI Fabric 是一組跨平台的 UI 控件和樣式,用于建構基于 Office 和 Office 365 的應用程式。它與 Fluent Design System 相容,并提供了一些額外的控件和樣式。

Fluent UI:Fluent UI 是微軟推出的一套 React 元件庫,用于建構 Web 應用程式。它基于 Fluent Design System,并提供了一些額外功能,如國際化支援和主題切換等。

WinUI:WinUI 是用于建構 Windows 桌面應用程式的一套原生 UI 控件和樣式。它與 Fluent Design System 密切相關,并提供了許多新的控件和樣式,如 Acrylic 和 Reveal 等。

Sketch UI Kits:微軟還提供了一些 Sketch UI Kits,用于幫助設計師建立在 Fluent Design System 上開發的原型和視覺設計。

FluentDesignSystem是微軟推出的一套設計語言和互動體驗規範,用于幫助開發者更輕松地建構現代化應用程式。下
FluentDesignSystem是微軟推出的一套設計語言和互動體驗規範,用于幫助開發者更輕松地建構現代化應用程式。下
FluentDesignSystem是微軟推出的一套設計語言和互動體驗規範,用于幫助開發者更輕松地建構現代化應用程式。下
FluentDesignSystem是微軟推出的一套設計語言和互動體驗規範,用于幫助開發者更輕松地建構現代化應用程式。下
FluentDesignSystem是微軟推出的一套設計語言和互動體驗規範,用于幫助開發者更輕松地建構現代化應用程式。下
FluentDesignSystem是微軟推出的一套設計語言和互動體驗規範,用于幫助開發者更輕松地建構現代化應用程式。下
FluentDesignSystem是微軟推出的一套設計語言和互動體驗規範,用于幫助開發者更輕松地建構現代化應用程式。下

繼續閱讀