Fluent Design System – Why You Should Care About The New UI Style

产品设计 UXMisfit.com (源链)

When it comes to the User Interface Design system done by Microsoft, you probably have in mind some failures connected with Metro and Modern. Mentioned concepts were not so bad, but they were too radical in the time when they were presented. Fortunately, currently Microsoft has done a great job. Giant from Redmond has prepared the design system that have a chance to influence UX Design in a very positive way.

What is Fluent Design

To get to know what is the new visual framework it is necessary to understand it’s principles. They are inspired by the real world elements and move UI design into a new dimension.


  • Light
  • Depth
  • Motion
  • Material
  • Scale



Light is used to accent the interaction between user and the digital product. Like in a real world it draws human attention.



The purpose of the depth is to give a sense of space to the design. It accents layers of the application architecture and prioritize elements



Motion is used to show the connections between the elements, to highlight the relationships. Animations and transitions makes the solution more natural and of course it delights users.



In contrast to Material Design which uses the metaphor of paper to create UI, fluent uses multiple surfaces and textures to make the experience rich and natural.



Microsoft prepares it’s design where 3D interface is a norm. Time of AR and VR is coming, so our approach to design has to evolve.

Why Fluent Design may be successful

Google’s Material Design has got a good press. It is a robust, modern and clean concept that effectively supports the application creation. Its idea is simple: it uses paper as the metaphor, bold intuitive graphic design and meaningful motion to guide users.

It seems that Fluent Design is a natural successor of the Material. It expands the idea of material and adds new dimensions into the UI. Microsoft’s child is even ready to take a step into 3D world, which is important when it comes to the AR and VR app design.

Fluent Design system feel natural, because it presents the information in a way we perceive it. It is a system where minimalism meets skeuomorphism, and binds two worlds in one magically consistent UI.

Before the Fluent was introduced, I have written an article where the matter of skeuomorphic design was presented in a positive way. Post had to confront the critique. However, now some thoughts included there may be useful when it comes to the Fluent Design. The world of UI design is changing, again.

If you would like to read the article, feel free to clickhere.

Success of Fluent is guaranteed?

It is hard to say if Fluent Design will become popular. Nowadays Microsoft has not so much power to influence mobile, wearables and other modern device’s UX. Giant from Redmond may even loose the next part of OS for PCs in the near future. However, nothing is sure in the tech world.

In my opinion, to succeed with Fluent Design, Microsoft will have to create a living community and open the guidelines. Make it open to expandable.

Apples’ and Google’s design concepts has it strong position and it will be extremely hard to compete with them.

But still, the principles of Fluent sounds promising and inspiring. If Microsoft will continue to developer it wisely, it may influence the modern UI design.

To conclude

Fluent Design System is the step forward in UI Design. It is the concept for the modern era of devices that operates with 3 dimensional elements. However, the current vision of Microsoft’s idea is not completed yet. We have to wait for its final version. For now, it looks very promising.

If you are interested in unique view on UX, feel free to join to UX Misfits Community on Facebook here


APP版式设计教程:信息展示型UI界面设计的四种类型... 什么是版式设计ma ? 版式设计又分为哪几种呢? 第一 设计常识解读:什么是版式设计? 版式设计是现代设计艺术的重要组成部分,是视觉传达的重要手段。表面上看,它是一种关于编排的学问;实际上,它不仅是一种技能,更实现了技术与艺术的高度统一,版式设计是现代设计者所必备的基本功之一。 版式设计...
UI中常见的视觉分隔设计技巧,不止是划线!... 乍一看许多APP的布局并不复杂,感觉换成自己也能设计出来,但是当你真的开始着手设计这么一个APP的原型的时候,会发现事情并不是那么简单。看着别人已经设计完成的设计可能觉得不难,可是当自己动手的时候,在特定的元素的选取和设计上很容易陷入困局,这个时候才明白它的难点并不在于工作量的多少,设计者常常深陷于...
ZTE Axon 7 A2017U Android Oreo Update Now in Testi... The ZTEAxon 7 launched nearly two years ago and was viewed as a direct competitor against theOnePlus 3 in terms of value for money. Sporting flagship...
一种家电通用图形控制界面设计专利 这篇文章是个专利文档,但是由于公司倒闭估计是用不上了,所以发出来给大家看看当做界面专利模板吧。别看花里胡哨写得很高端的样子,其实灵感来源是俄罗斯方块和倒序排列的列表。 本发明要解决的技术问题是什么? 使用智能手机图形界面对家电进行远程控制是智能家居的必要组成元素。由于家电品类丰富,不同...
这样练习,你的UI自学才最有效 说了那么多方法论,但还是有很多同学不知道该怎么练习,怎么巩固基础,“多练多想“谁都会说,但关键是如何练?如何想? 今天菜心就来一步一步的告诉大家如何练习,需要注意什么,大纲如下: 细分后找到专项突破的点 退第一步——“放弃”原创 退第二步——跟着别人临摹 进一大步—...
责编内容来自:UXMisfit.com (源链) | 更多关于

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » Fluent Design System – Why You Should Care About The New UI Style

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录