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 c...
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 —...
Read more

Stable Android 10 starts hitting the Galaxy Note10 and Note10+ (Update: Canada)

Image
UPDATE  1 : 2019/12/16 4:35AM PST Previous rollouts UPDATE  2 : 2020/01/06 2:15AM PST Canada Two weeks after the  Galaxy S10 line received its stable One UI 2.0 build , it’s time for the Galaxy Note10 and Note10+ to get the latest Android flavor. According to a report by  SamMobile , the two late-2019 Samsung flagships are receiving the Android 10 update in Germany, although the rollout is limited to a small group of beta testers. This stable release follows a  five-round beta testing  that concluded just a couple of days ago. Samsung is rolling out the stable build only to its beta testers in Germany to possibly look out for any major bug. Besides SamMobile, the confirmation also comes from  some Redditors  who got the update in Germany just a few hours back. The same Reddit users also mention that Google Pay remains broken even after installing this final Android 10 firmware, although it wasn’t immediately clear how widespread t...
Read more