Visual Design Archives - Microsoft Design

Gallery - Visual Design

Behind the design: Fluent illustration UX video

Check out our latest UX video breakdown

Visual Design - UX/UI - Fluent Design

Embracing vibrant universality in Fluent illustrations

Rethinking our illustrations to create better experiences for our customers.

A tablet and smartphone display a design interface on screens, with a colorful and creative backdrop. The tablet's screen shows design categories and a search bar, while the smartphone displays assorted design templates. Objects around the devices enhance the artistic theme.

AI - Visual Design - UX/UI

AI-Powered Creativity with Microsoft Designer

How we made a visual design tool for everybody

Visual Design - Brand

The vibrant evolution: Microsoft’s colorful transformation

In the ever-evolving landscape of design, color isn’t just visual—it’s emotional.

Visual Design - UX/UI

Redefining productivity with Outlook

Our design journey to redefine Outlook for Windows through craftsmanship, intelligence, and personalization.

Inclusive Design - Visual Design - UX/UI

Microsoft Design Week 2024

A comprehensive guide of what’s what for Microsoft Design Week

Visual Design - Content Design

Behind the design: A deep dive into Aptos

Journey through the design process for our new default font

Visual Design

A canvas of community narratives

Xbox celebrates a year of visual storytelling by launching new dynamic backgrounds

Visual Design - Design Thinking - UX/UI

Microsoft Loop and the future of collaborative experiences

The design thinking and user research that turned into Microsoft Loop

Visual Design - Brand

Visualizing the Cloud

How we crafted a bespoke visual identity for our cloud platforms and services

A collage of four surreal images: a circular shadowed room with a bench and dog; an arched hallway overlooking a vibrant floral field; close-up of delicate pink flowers; a colorful, fantasy forest with bright red and blue foliage.

Visual Design

More than pretty pictures: All-new Teams backgrounds

How psychology, semiotics, and dazzling imagery are converging to improve the future of hybrid work

Visual Design - UX/UI

Designing the new era of Teams

A multi-year design journey to rearchitect Teams from the ground up

The image features the text "Design Week '22" in stylized, colorful letters on a light purple background. The word "Design" is in purple with a green dot inside the "D," while "Week '22" is in pink and orange hues.

Visual Design - Design Thinking

Microsoft Design Week 2022: A Comprehensive Guide of What’s What for Microsoft Design Week

For the first time ever, we’re inviting external audiences to preview a batch of curated talks from our largest internal design event. Here’s your guide on what’s what, the full playlist, and more.

A cluttered desk with photos of various people, a cup of coffee, a green plant in a silvery pot, differently colored stationery, grid paper, and a sphere on a purple stand. The scene is brightly lit with colorful, vibrant elements scattered around.

Visual Design - Iconography

Iconography for Microsoft Viva

Designing icons for experiences that empower employees

A cute, fluffy green monster with large, round eyes and thick blue eyebrows on a purple background. The monster's fur appears soft and fuzzy, giving it a friendly and whimsical appearance.

Visual Design - UX/UI

The Feelings Monster, building a character with all the feels

On designing for mental health and the power of emotionally safe spaces

A grid of various 3D emojis on a light-colored background, featuring hand gestures, people dancing, hearts, balloons, musical notes, magnifying glasses, sun and moon icons, and other symbols. A large 3D yellow-haired dancer with a red dress stands out in the center.

Visual Design - UX/UI - Fluent Design

Designing in the open(source)

Why we’re excited to freely share our emoji for you to remix

A 3D abstract sculpture composed of layers and folds, resembling flowing fabric. The structure is in soft shades of purple and set against a dark gray background, giving it a smooth and elegant appearance.

Visual Design - Brand

Silver linings and new hues

Collaborating with Pantone to bring more color to work and life

A person with short light blue hair stands against a gradient purple and blue background, looking at their smartphone, which emits a glow.

Visual Design - UX/UI

Designing dark mode

How we’re crafting Dark Mode experiences across Microsoft 365 that adapt to your daily flow