This is how Microsoft designed its new colorful Windows 10 icons


Microsoft has started rolling out new colorful app icons in Windows 10 today that overhaul the look and feel of the operating system. Changes to many of the built-in Windows 10 app icons have started rolling out today, but more are coming in the months ahead. It’s part of what the company describes as a “multi-year effort across Microsoft’s design teams to redesign our icons.”
Windows has always suffered from a variety of different icons that are sometimes decades old, and Microsoft originally embarked on an effort to try to simplify some of these in Windows 10 when it first debuted nearly five years ago. Microsoft picked monochrome icons that were simplified but were designed for colorful Live Tiles that never really caught on with app developers and Windows 10 users.
“Flat, monochrome icons look great in context of colorful tiles, but as more icon styles enter the ecosystem, this approach needs to evolve,” reveals Christina Koehn, a design leader for Windows and Devices at Microsoft. “When icons in the taskbar and Start menu are different styles, it creates more cognitive load to scan and find applications. We needed to incorporate more visual cues into the icon design language using our modernized Fluent Design Language.”
Microsoft has now evolved its icons to better reflect its cross-platform approach, while sticking to the familiarity of what Windows users are used to. “Leveraging the Fluent Design System, we introduced depth and color to our iconography,” explains Koehn. “These additional cues are subtle, but they make a world of difference when scanning an interface.” This splash of color should make it easier to scan for apps on the taskbar or Start menu, and Microsoft is planning to use similar icons with its design language across its apps for Windows, iOS, Android, and macOS.
The new colorful icons are designed to feel familiar and look similar, all while “honoring” the legacy of the Windows operating system in an attempt to evolve it. Microsoft’s design teams “explored a myriad of design directions for the calculator icon,” according to Koehn, all the way from its monochrome version to the Fluent version that now exists in the OS. It’s interesting to witness Microsoft’s experiments with trying to evolve something as simple as a calculator icon and also the company’s evolution of the Windows Mail icon over the past nearly 20 years.
“You’ll start to see some the new icons today and even more in the coming months,” reveals Koehn. “Redesigning these icons signals our commitment to the evolution of the Windows OS, honoring its legacy while redefining the archetype in which it lives.”
Microsoft has clearly taken its time to get these new icons right, and they’re part of a much broader effort to leverage the company’s Fluent Design system across multiple apps and services. Designers are now working closely together to create hardware and software that has a common design system across all of Microsoft’s products.
The software maker also previously overhauled its Office icons and design and is trying to encourage others to use its Fluent Design system for a variety of mobile apps. Microsoft’s updated Edge browser also has a new icon, and even Office itself has a more modern logo.

Comments

Post a Comment

Popular posts from this blog

Linktree’s free workaround lets you add multiple links to your Instagram bio

Image
Instagram only gives you one opportunity to link to outside resources inside its photo sharing platform. This might not be a problem for a majority of the users, but for those wanting a little more customization and even more options, it leaves much to be desired. Enter  Linktree , a free tool for Instagram designed to improve traffic to your outside link, be it a blog, portfolio, or store. How it works is fairly straightforward. After connecting Linktree to your Instagram profile, you’ll receive a single link to place in your Instagram bio. Once that link in place, you can customize what it’s linked to within your browser, be it a single website, or a collection of sites you’re looking to direct followers to Say you’re a photographer who’s using Instagram as a marketing tool for your wedding photography. Using Linktree, you can direct Instagram followers to your blog, your portfolio site, and even your other social media accounts. Until now, you would’ve been stuck choosing b
Read more

EVERYTHING WE KNOW ABOUT THE PIXEL 4, THE MOST-LEAKED PHONE EVER

Image
Google’s  Pixel 3 might have been the  most-leaked phone in history . Long before its unveiling, we knew practically everything about it from unboxing videos, photo comparisons, even a full review of the device. Surely, for the Pixel 4, Google would clamp down on leaks to leave some surprises for its debut on  October 15th , right? Let’s just say, if that was the plan, it didn’t exactly work out. We’ve now seen the Pixel 4 XL from every angle and in three different colors. At least seven different sources have touched this phone, many of them confirming the same specs. We not only know which cameras it’ll have, but also what they may be capable of, including air gestures (go figure). That doesn’t even count information Google has already shared  on purpose. So if you want to know almost everything about the Pixel 4 nearly a month before it’s announced, buckle up. We’ve sifted through all of the rumors and information we can find to compile everything we know — and everything we
Read more

Our favorite iOS apps for the iPhone and iPad in 2018

Image
As 2018 comes to a close, it’s time to look at some our favorite apps of the year. While not all of these are brand new, many of them popped up onto our radar for the first time in 2018, and are definitely worth the attention. Others are some of our favorites that are still best-in-class despite having been around for some time now. We aim to do things differently at TNW, and as such you’re not going to find the recommendations you’re probably used to seeing: Gmail, Skype, Dropbox, and the like. Instead, we want to focus on the best-of-the-best that you may not have heard of, and others that are just special enough to warrant a mention. As always, we’d encourage you to share some of your favorites in the comments below, or on Facebook. Enlight Pixaloop (Free Pixaloop  is one of my favorite apps on the market. Unlike typical image editors that allow you to remove red eye or apply a filter, Pixaloop allows you to create stunning photo animations with a few clicks on your
Read more