Fluent 2: Microsoft's New Design Grammar

Microsoft has released Fluent 2. There are significant system and platform level changes, and we offer several kits for designers and developers to use. We provide Fluent 2 web, Fluent 2 iOS, and Fluent iconography, and Android is still in preparation.

©Microsoft
©Microsoft

👁️ Designer Eye

Recently, the colorful artwork that Microsoft consistently maintains stands out. High-brightness gradation and glossy transparency combine to give a futuristic impression. Textured surfaces, like recycled plastic, feel more forward than other futuristic depictions.

The design system provides UI kits and development kits. The design UI kit provides the main design language, iOS, and Web to the figma community. Icon files are provided on Github, and detailed specifications for development can be found through the link to a service called Storybook.

Several guidelines are also short but solid. We suggest accessibility first, and suggest rules that can be used comfortably in various situations as well as visual experience. We also provide various plugins that can be used in Figma. The content design chapter suggests how to interact with users, and design tokens outline how to structure a design language.

©Microsoft
©Microsoft
©Microsoft
©Microsoft
©Microsoft
©Microsoft

📕 Editor's Notes

After transforming Microsoft Office, which I thought was boring, with a refreshing personality, I am building a visual language that is more and more unique. Now, even at first glance at the app, 'Is this from Microsoft?' I think that.

Microsoft is the most representative company used by millions of people around the world. It's welcome to see a company like this focusing on design for inclusivity. Apple is also making various efforts for accessibility.

It's also good to invest in a visual language, especially for memorable memories. I believe that the novelty of each person's pleasure will make life richer than if the whole world was unified in a gray light. I hope Microsoft's challenge goes to a higher place.

More and Sources

Similar posts

recent posts

Open KakaoTalk room without ads
Plus
25. 12. 12
Plus
25. 12. 12
Plus
25. 12. 11
Plus
25. 12. 11

DesignCompass Newsletter

Design for Business. We deliver daily news about AI, Products, Brands

By submitting your email, you are deemed to have agreed to our Terms of Use and Privacy Policy .
Design for Business