Fluent Design

First announced at the Build 2017 developer’s conference, Fluent Design is the first major overhaul of the Windows 10 design and theme since Windows 10 washed away the remnants of Windows 8 back in 2015. Overall, the original design of Windows 10 has served it well, and it has been made clear after using it for the last several years that lessons were certainly learned from Windows 8, and those lessons were applied to Windows 10 to make a much more coherent and usable design language. But, as with anything, there’s always room for improvement, and the Redmond company is hoping that Fluent Design not only improves on the original, but keeps the UI and theming fresh.

Windows 10 runs on many different devices. The scalability of it is somewhat amazing, and after years of wanting to consolidate it’s OS efforts across device categories, it seems to have finally happened with Windows 10. But that brings some challenges as well, and as hardware has continued to evolve, we’ve started to see many different usage scenarios that traditional mouse and keyboard input would never work on. Touch, of course, is the most obvious and pervasive of these, and falls into the 2D category of input methods, along with keyboard and mouse, stylus, and more of the input methods we are used to. But we now live in a world with virtual reality, and augmented reality, both which live in the 3D space. There’s also 0D devices, such as the recently announced Cortana powered Harmon Kardon Invoke speaker and similar devices such as the Amazon Echo. IoT is becoming pervasive, and appears to be the next growth target in computing.

Fluent Design targets more than just 2D with five basic concepts: light, depth, motion, material, and scale. It may seems like a simple idea, but the key Fluent Design is that it will work well across different device types, but still be very useful on the traditional PC where Windows 10 still has its largest audience.

The move from Windows 7 to Windows 8 was pretty jarring, and the design language was very much flat and blocky. Windows 10 had already added some of the depth back in, but with Fluent Design they have also brought the essence of Windows 7 Aero back, along with new elements as well.

It’s tough to discuss Fluent Design without seeing it, because it’s not just a static idea. All of the elements tie in together to make the experience easier to navigate, more coherent, and more immersive. Check out this video that Microsoft created for their Dev Day:

Light is one of the key elements for selection, and this is doubly the case when you’re thinking of VR and AR technology, where a light gaze can be your pointer. Subtle highlights in lists give a stronger sense of where you are, and what you’re selecting.

Depth plays a big part too, and in the video you can see how going forward and backward in apps gives the feeling of going into an app or image, and then back out, connecting the experience of movement with where you are. This also plays into the motion, where you’ll see parallax scrolling and more.

Material selection is the transparency effects that will likely remind most people of Aero, but it is much more than just blurring. Instead of just background colors and blur, they will be doing multiple layers with Gaussian blur, exclusion blend, color and tint overlays, and tiled noise texture. The acrylic material can bring additional layering and depth to the app as well, but material is also able to be tied into scale, where if an app is in a windowed mode, it can have some blurring, but in a full-screen view, the blurring is eliminated to create focus on the one app.

Scale is likely the most underrated of them all, but Windows 10 is designed to work on everything from IoT to PC to Xbox to Surface Hub, so scale is critical to creating an app which will work across all of those form factors.

It’s hard to deny that Fluent Design is both form and function. There are design elements that are going to improve usability, but those same design elements also just look great. As we move forward, hopefully we’ll start to see more and more of this appear inside of Windows 10 and in the apps we use.

That’s really the only downside to Fluent Design right now though. There’s some of it sprinkled inside of Windows 10, and there’s work to be done to bring it more prominently to the forefront. The Action Center, for instance, has some elements of Fluent Design, but hovering over one of the notifications doesn’t bring any lighting effects to let you know you’re able to select it. Only some of the built-in apps have support right now. This will come over time, and likely even more slowly for third party apps, but it’s not here yet, at least not to its full extent.

Introduction OneDrive Files on Demand and Storage Sense
POST A COMMENT

95 Comments

View All Comments

  • Cryio - Friday, November 10, 2017 - link

    I like the few fluent design elements in Start and Action Center. But why doesn't the Taskbar has it?
    Why are most Win32 application chrome window full solid color, a la W8?
    Why does Edge get so few features when releases are either 6 to 9 months apart? Most other browsers seem to add a lot of features every 4/5 weeks. But not Microsoft.

    Anyway, Edge being faster/efficient/more reliable is a welcome improvement.
    Acrylic is nice.
    People is nice, if useless at the moment.
    Polishing Action Center is nice.
    Mixer improvements are nice.

    Aaaaand I still hate that Skylake on Surface Pro 4 at least limits CPU speed to 800 MHz when watching Youtube videos using Edge.
    Reply
  • StormyParis - Friday, November 10, 2017 - link

    "The new pattern of a spring and fall (or fall and spring, depending on your location)"

    or Autumn ?
    Reply
  • Zak - Friday, November 10, 2017 - link

    "anit-cheating" typo? On the "Gaming Updates" page.

    Also, besides bringing back some depth and transparencies there is zero in this update for me. Gaming Mode is something disable first. Leave my games alone Microsoft. Microsoft *does not* get PC gaming.
    Reply
  • Bixx - Friday, November 10, 2017 - link

    You forgot the "feature" where many people's start menu won't work anymore or is missing most items. Over 400 people on the MS forum have this problem (which mean many more "out there" surely do too), yet MS hasn't even acknowledged the problem). Reply
  • Gunbuster - Friday, November 10, 2017 - link

    Or as I like to call it the creators update update.

    Someone at Microsoft now runs a team devoted to creating updates for creators update update.
    Reply
  • jgeis - Friday, November 10, 2017 - link

    It's probably worth mentioning that there's a problem with clean installs of Windows 10 Fall Creator's Update (1709) where opening Edge browser causes the State Repository Service process to spike your CPU to 100% and essentially locks up the PC. You can get around this by installing another browser off a USB stick, but it's really annoying on a fresh build. Some other actions also seem to trigger it, as well. Reply
  • B3an - Friday, November 10, 2017 - link

    You never go in to enough detail for these updates. Your articles always miss out loads of new stuff and changes. The only reason i visit this site is for in-depth articles, not "The Verge" level crap, minus the SJW shit. Reply
  • Ryan Smith - Friday, November 10, 2017 - link

    B3an, was there something in particular you were looking for that you didn't see? We're still trying to figure out the right level of depth for these Windows updates, especially since they're not wholly new OSes, and a lot of feature information is published ahead of time.

    (None the less, this was still 6K word, 10 page article)
    Reply
  • SkyDiver - Friday, November 10, 2017 - link

    How sad all of this is. The horror story continues ever since Win8. It still looks flat and dead. So many things wrong with this "operating system." Reply
  • Lolimaster - Friday, November 10, 2017 - link

    Isn't it funny all this "for the user" naming MSFT uses for Windows Spyware 10, each "fancy name" iteration breaks 5 more thing than the one it fixes.

    Windows 10 Fallen to the crapper edition.
    Reply

Log in

Don't have an account? Sign up now