Fluent Design System

Fluent Design System (codenamed Project Neon)[1], officially unveiled as Microsoft Fluent Design System,[2] is a design language developed in 2017 by Microsoft. Fluent Design is a revamp of Microsoft Design Language 2 that includes guidelines for the designs and interactions used within software designed for all Windows 10 devices and platforms. The system is based on five key components: Light, Depth, Motion, Material, and Scale.[3] The new design language includes more prominent use of motion, depth, and translucency effects. The transition to Fluent is a long-term project (that will be rolled out in waves) with no specific target for completion, but elements of the new design language have been incorporated into selected apps since the Creators Update. It will have wider usage in the Fall Creators Update, but Microsoft has stated that the design system will not be finished within the timeframe of Fall Creators Update.[4]

Microsoft announced Fluent Design on 11 May 2017, at the Build conference for developers.

Relation to previous iterations

Fluent's key principles, or "blocks" (Light, Depth, Motion, Material, and Scale) turn away from the flat concept Metro had defined, and while preserving the clean look and feel Metro introduced, Fluent renews the visuals of Aero, a design approach that was introduced in Windows Vista and Windows 7, including blurred translucency, parallax animated patterns, drop shadow, highlight effects following mouse pointer or input gesture movements, and "faux materials" Metro once dumped.

See also

References

  1. ↑ "Fluent Design is Microsoft's new modern UI for Windows and more". The Verge. 2017-05-11. Retrieved 2017-05-11.
  2. ↑ "Windows Developer on Twitter". Twitter. Retrieved 2017-05-11.
  3. ↑ ""Fluent Design Language"". Microsoft. Retrieved 2017-05-12.
  4. ↑ "New Windows look and feel, Neon, is officially the “Microsoft Fluent Design System”". Ars Technica. Retrieved 11 May 2017.
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.