Back Axıcı Dizayn Sistemi Azerbaijani Fluent-Designsystem German Fluent Design Spanish Fluent Design System French Fluent Design ID Fluent Design System Italian 플루언트 디자인 시스템 Korean Fluent Design Malay Fluent Design Portuguese Fluent Design Russian

Fluent Design System

Fluent Design System
Other names
  • Fluent UI
  • Microsoft Fluent Design System
Original author(s)Microsoft
Developer(s)Microsoft
Initial release2017 (2017)
Release(s)
Stable release(s) [±]
Web8.120.8 / September 6, 2024 (2024-09-06)[1]
Windows2.8.5 / July 10, 2023 (2023-07-10) [2]
Preview release(s) [±]
Android0.0.11 / February 12, 2021 (2021-02-12) [3]
iOS
macOS		0.2.3 / March 9, 2021 (2021-03-09)[4]
Windows2.6.0-prerelease.210315002 / March 17, 2021 (2021-03-17) [5]
Cross-platform0.23.3 / March 15, 2021 (2021-03-15) [6]
Repository
More Information
Written inObjective-C, C++, C#, TypeScript, Kotlin, Swift, JavaScript
Operating systemAndroid, iOS, macOS, Windows, Web browser
PlatformARM, x86-64
Predecessor
TypeDesign language software
LicenseMIT License
Websitedeveloper.microsoft.com/fluentui

Fluent Design System (codenamed "Project Neon"),[11] officially unveiled as Microsoft Fluent Design System,[12] is a design language developed in 2017 by Microsoft. Fluent Design is a revamp of Microsoft Design Language 2 (sometimes erroneously known as "Metro", the codename of Microsoft Design Language 1) that includes guidelines for the designs and interactions used within software designed for all Windows 10 and Windows 11 devices and platforms. The system is based on five key components: light, depth, motion, material, and scale.[13] The new design language includes more prominent use of motion, depth, and translucency effects.[14]

The transition to Fluent is a long-term project; aspects of the design started appearing in Windows 10 beginning with the "Fall Creators Update" released in October 2017, as well as an update to the Xbox One system software released alongside it.[15][16][17][18] It was later revealed to be designed in conjunction with Windows 10X,[19] in addition to Windows 11 which has a similar design.[20]

  1. ^ "Fluent UI React". NPM. 2024-09-06. Retrieved 2024-09-09.
  2. ^ "Release Microsoft.UI.Xaml v2.5.0 · microsoft/microsoft-ui-xaml". GitHub. 2020-04-12. Retrieved 2024-09-09.
  3. ^ "Release 0.0.11: Merge pull request #44 from microsoft/develop · microsoft/fluentui-android". GitHub. 2021-02-12. Retrieved 2021-03-16.
  4. ^ "Release Bumping versions for version update (0.2.3) · microsoft/fluentui-apple". GitHub. 2021-03-09. Retrieved 2021-03-16.
  5. ^ "Release Microsoft.UI.Xaml v2.6.0-prerelease.210315002 · microsoft/microsoft-ui-xaml". GitHub. 2021-03-17. Retrieved 2021-03-18.
  6. ^ "@fluentui/react-native - npm". npm. 2021-03-15.
  7. ^ Microsoft 365 Team (2020-03-12). "UI Fabric is evolving into Fluent UI - Microsoft 365 Developer Blog". Microsoft 365 Developer Blog. Retrieved 2021-03-16.{{cite web}}: CS1 maint: numeric names: authors list (link)
  8. ^ Lewkowicz, Jakub (2020-03-16). "Microsoft transforms UI Fabric to Fluent UI - SD Times". ST Times. Retrieved 2021-03-16.
  9. ^ Office Dev (2015-08-15). "Introducing Office UI Fabric—your key to designing add-ins for Office - Microsoft 365 Blog". Microsoft 365 Blog. Retrieved 2021-03-16.
  10. ^ Tung, Liam (2020-03-16). "Microsoft's big Fluent design push: Web developers get a new Office UI Fabric". ZDNet. Retrieved 2021-03-16.
  11. ^ "Fluent Design is Microsoft's new modern UI for Windows and more". The Verge. 2017-05-11. Retrieved 2017-05-11.
  12. ^ "Windows Developer on Twitter". Twitter. Retrieved 2017-05-11.
  13. ^ "Fluent Design Language". Microsoft. Retrieved 2017-05-12.
  14. ^ "New Windows look and feel, Neon, is officially the "Microsoft Fluent Design System"". Ars Technica. 11 May 2017. Retrieved 11 May 2017.
  15. ^ "Microsoft shows off its Fluent Design changes to Windows 10". The Verge. Retrieved 2017-10-29.
  16. ^ "Microsoft's Fluent Design System threatens to make Windows look good". Ars Technica. Retrieved 2017-10-29.
  17. ^ "A major new Xbox One update overhauls the dashboard with Fluent Design". The Verge. Retrieved 2017-10-29.
  18. ^ "The Xbox One is getting a major update today, including a faster dashboard". The Verge. Retrieved 2017-10-29.
  19. ^ "A first look at Microsoft's new Windows 10X operating system for dual screens". The Verge. February 11, 2020. Retrieved April 19, 2020.
  20. ^ "Panos Panay on Instagram: "The team made this video to celebrate making it to 1 billion MAD on Windows 10 and I wanted to share it with all of you. Now at a time when…"". Instagram. March 19, 2020. Archived from the original on 2021-12-25. Retrieved April 19, 2020.

Developed by StudentB