Microsoft’s newly redesigned Workplace app icons go mushy and fluid

Microsoft has redesigned all of the icons for its numerous Workplace purposes (formally generally known as Microsoft 365 apps), this time specializing in coloration gradients and contrasts. The outcome? These new Microsoft Workplace icons are actually extra colourful, extra curvy, and extra approachable.

We’ve recognized for a while that Microsoft Workplace apps have been getting new icons (due to a leak). However they’re official as of at the moment, in line with Jon Friedman (CVP of Design and Analysis for Microsoft 365) on this Microsoft Design weblog submit.

Microsoft is rolling out the brand new design to customers with fast impact. Within the submit, Friedman explains the redesign’s significance:

In the case of outsized influence, it’s arduous to debate the almighty icon. No larger than a postage stamp, these tiny symbols are gateways to complete experiences, distilling complicated concepts, product talents, and model identities right into a single, memorable picture. By evoking emotion, sparking curiosity, and giving intuitive steerage, they make expertise extra accessible and approachable.

The final time Microsoft up to date the Workplace icons was in 2018. Under, you’ll be able to see all of the redesigned icons aspect by aspect:

We discover the next illustration from Microsoft significantly attention-grabbing, which exhibits the evolution of those icons over time:

Microsoft

And right here’s a direct comparability of how the Phrase icon modified:

Microsoft

Microsoft caught to 4 predominant rules on this redesign:

Delightfully easy: To keep up familiarity whereas streamlining the visible expertise, we graphically simplified the icons for readability and decreased visible noise. Whereas Phrase’s icon beforehand used 4 horizontal bars, the brand new model makes use of simply three, enhancing legibility at small sizes and creating extra visible concision.

Fluid shapes: We’ve moved away from daring, static solidity to embrace softer, extra fluid types. Sharp edges and crisp strains are changed by easy folds and curves, giving the icons a way of playful movement and approachability.

Wealthy and colourful: The colour palette has been dramatically refined. The place gradients have been as soon as delicate, they’re now richer and extra vibrant, that includes exaggerated analogous transitions that enhance distinction and accessibility. This shift makes the icons really feel brighter, punchier, and extra dynamic.

Immediately recognizable: Letter plates have been a lot debated as a result of they’re invaluable actual property and icons following the core 10 Workplace ones not use them. Their model fairness is so robust, nonetheless, that we determined to maintain them—sustaining our heritage whereas additionally modernizing them by a extra cohesive visible integration with the general design.

The reference to the omnipresent AI is sort of inevitable as properly, with the design of the brand new Microsoft 365 icons clearly influenced by the Copilot icon. The brand new look is meant to symbolize a extra linked design system and the affect of Copilot on Microsoft 365.