In honor of our new
#M365
default font
#Aptos
🔠 we’re giving away five limited-edition Risograph posters created by our designers & inspired by the font's creation 🖼️. Like and RT for a chance to win! US 18+. Ends 3/13/24. Rules:
#AptosPosterSweepstakes
The new Xbox Series X and Xbox Series S is uncomplicated, unique, and understated. “Our focus on form following function influenced this newest generation's aesthetic and personality. We call this approach Intelligent Geometry,” says Senior Design Director Nicolas Denhez.
Created by the
@Windows
design team, this animated clip illustrates a sliver of the
#UX
evolution and modernization of the Windows experience. Let us know what you think in the comments below!
Touch it—you know you want to. Or throw it, or dance with it, or anything else you can think of.
#HoloLens2
leverages a real-time physics engine plus careful use of light and sound to replicate (and sometimes bend!) the rules of the physical world. 👽
In the IT department, other employees are the customers. One
#UX
pro discovered how to give them incredible product experiences—and why those experiences matter:
How do you make something great even better? Little by little. See how our hardware team designed our most universal and inclusive Xbox wireless controller one millimeter at a time:
ICYMI we updated the
#FluentDesign
website! The redesign is meant to represent how Fluent helps designers build better experiences. Here's a look at the thinking behind our design:
#FluentFriday
You guessed it 😉... We’re big proponents of designing in the open, so we’re excited to share that as of today our
#FluentEmoji
will be available open source on
@Figma
and
@Github
🤩. Read all about it here ➡️ in our latest article on Microsoft Design.
New
#WindowsDeveloper
identity that premiered at
#MSBuild
🌟 for the new
#DevHome
. The new work includes an expanded color palette 🎨 with warm tones to complement our
@Windows
blue 💙 & coding-inspired textures throughout the visuals for added depth.
From early UI writing in Windows 2000 to advanced
#UXWriting
on mobile platforms in 2019, customer-focused content has evolved. See how the role of writers on our team changed with it:
How do you build a product for over a billion people with diverse and unique needs? You listen, iterate, and adapt. Meet Windows 11, the most personal OS yet.
In our latest
#UX
film 🎬, our in-house motion team explores the new macro interactions alongside the new look + feel for
#OutlookforWindows
👀📧.
Learn more:
When the Microsoft Outlook
#UXDesigners
needed a way to collaborate on designs, they chose
@goabstract
. Find out how this powerful design tool can help your design team work better together:
New
#WindowsDeveloper
identity that premiered at
#MSBuild
🌟 for the new
#DevHome
. The new work includes an expanded color palette 🎨 with warm tones to complement our
@Windows
blue 💙 & coding-inspired textures throughout the visuals for added depth.
Big changes to small icons—take an insider’s look with Head of Office Design,
@designjon
at the new app icons coming to
@Office365
Catch the full story here:
Hand-drawn characters, variable type technology, and even a complimentary serif font—–our new Microsoft default font
#Aptos
has it all.
Learn more about its design➡
Designed with and by our LGBTQI+ community, get an insider's look at how LGBTQI+ people and allies at Microsoft took action for visibility while creating our limited-edition
#Pride
products:
#MicrosoftPride
🌈
Take a look at the visuals for our new Teaching UI system for Fluent designed to visually guide users through our products, teaching navigation and showcasing new interaction behaviors like
#Copilot
👀.
How do you design a product that people love? Ask for their opinions. The design team behind Xbox Series X and Xbox Series S went straight to the source by visiting the homes of real-life Xbox fans. Here's how it went down:
Calling all typography enthusiasts📣 –– or anyone who’s been wondering where beloved Calibri has gone 😉. Today on the blog, we’re taking a deep dive into the world of type design as we learn how
#Aptos
, our new Microsoft 365 default font, came to be.
🔗:
In this colorful UX film, we aspired to capture the essence of the
@OneDrive
experience—from collaborating across file types to unique security features and immersive photo experiences across platforms.
Your Phone app gives access to what you love on your Android phone, right from your PC. In this film, we move real UI into a fanciful world of expression and draw an invisible line between the phone and pc, which is where all the magic happens✨. Enjoy
In a perfect world, every design team would have
#UXWriters
. When your team doesn't, here are 5 ways non-writers can up-level their
#UXWriting
skills:
A series of style frames from our newest film 🎬 for
#OneDrive
. In developing the work, key themes our Creative Studio wanted to explore were concepts like the multiplicity of visual aspects in file storage 📁.
#3D
#UX
With a range of offerings as wide as we have here at Microsoft, our designers are lucky to work on iconography a bit more than usual than at your average company. Our latest...the new icon for the
@Microsoft365
app, the new home for all things Office🤩! (1/7)
🎬:
@wes_cream
Our Fluent icon toolkit was updated to include more sizes, containing 4.5k system icons per theme. Each of the icons were created with
@figmadesign
variants, making it even easier to search and swap icons. Have a look and let us know your thoughts 🤓
Today we're unveiling an all-new website for
#FluentDesignSystem
as we begin to roll out the next generation of Fluent, aka
#Fluent2
!
Head to the link ⬇️ to start exploring 👀 and let us know what you think.
Learn more:
Invent with purpose. The new Azure icon feels like a natural part of the Microsoft family. It embodies the qualities we want Azure to stand for: innovative, modern, and familiar. A modern icon for the World’s Computer. Learn more at .
Upgraded
#UI
motion is just one of the exciting design upgrades you can find in the new
@Windows
11 update. Check out this preview of the new motion design you can experience in the latest
#Windows11
experience ➡️
We created this video to show how functionality-driven 2D shapes morph into 3D forms to become streamlined devices that fit into your home. Layer by layer, elements are added or subtracted to demonstrate the adaptability and flexibility of our design approach.
Our most recent collaboration with Not Real was this video 🎬 for the latest
#OneDrive
feature updates bringing the
#UI
and
#UX
elements to life through OneDrive’s signature elements, their metaphors, and color palette 🩵. Let us know what you think ⬇️.
#3D
A look back at some work we did with
@twistedpoly
last year for
@MicrosoftTeams
🤩. Our teams collaborated to create immersive backgrounds that celebrate Global Accessibility Awareness Day. Check out the full gallery ➡️
#3D
“The hardware design follows the internal components,” shares Senior Design Director Nicolas Denhez. We use basic shapes to build a consistent and flexible design lexicon across our family of devices. The result is a quiet form that brings your gaming experience to the forefront.
As we work to make Microsoft products more personal, dynamic, and colorful, who better to collaborate with than
@pantone
?! Check out our latest blog to learn about the creation of the brand-new PANTONE 17-3938 Very Peri and why we wanted to get involved.
The
@Surface
design team moved as one to build the
#SurfaceHeadphones
. Read (and watch!) how they wove together elegant hardware design, rich audio, and an intelligent assistant:
40+ designers and researchers across India, China, Europe and the Americas are re-envisioning mobile experiences. Get a behind-the-scenes look at our design process and future vision for
@Microsoft365
mobile experiences:
Each year, designers at Microsoft celebrate Design Week — a week-long internal event featuring design discussions focused on topics central to what we’re working on now and in the future... ⬇️👀 (1/3)
#MicrosoftDesignWeek
The recent
#redesign
of the new
@Microsoft365
icon provided an opportunity for our design teams to update our M365 imagery 🖼️. These images are the latest update to that imagery from our design teams.
We would love to know what you think 👀
Our latest
@figmadesign
plugin generates multiple sizes and weights of icons instantly using the 'Fluent System Icon' correct stroke weights. We built this to save our Icon team hours in production costs and it's now available for all 🙌
Emoji let us express our emotions in the simplest way possible, but the process for designing them is anything but. To celebrate
#WorldEmojiDay
, see how we create your favorite emoji from scratch:
Sensorial, deep, energetic, colorful, expressive, and dynamic—these are just some of the words 📖 that inspired our
@MicrosoftCreate
brand identity 🤩. Let us know what words come to mind for you below ⬇️.
Remember that time when you wanted to apply acrylic to web but couldn't? Now you can! ✨ Dazzle your users by learning how to add the magic of backdrop-filter: Let us know how it goes!
#FluentFriday
To make
#FluentFriday
extra awesome we're giving away a tote bag filled with
#FluentDesign
goodies. Comment on this post with where you would take your tote bag, and we'll select a winner randomly at 5:00 PM PT, 12/14/18.
👀
@fluentui
is
#hiring
! We are looking for incredible designers who thrive at the intersection of innovation and systems thinking, as we integrate generative
#AI
across Microsoft products with Copilot and redefine how humans interact with software.
🔗:
Can designers think like businesspeople without losing sight of great design? At Microsoft Design Day 2019, we explored how focusing on business impact helps them design better as they create products for the future.
Remember the sound of dial-up Internet? To celebrate
#Web30
today, take a look back at the evolution of personal computing and design at Microsoft—no phone line required!
#ForTheWeb
Designing for ambiguous and challenging spaces—in part by eschewing traditional forms—is baked into Microsoft industrial design culture, dating back to the first
#WindowsPhone
. Today on the blog 📝, we take a deep dive into
@Surface
's design ethos.
Use our latest
@figmadesign
plugin to quickly annotate the focus / tab order flow of your designs. Focus Orderer enables a wider audience to enjoy your online experiences, whether they use a keyboard or other input device. Learn more:
"Intelligent geometry simplifies each design down to its fundamental shapes to create a shared language that is distinctly Xbox.” That’s Senior Design Director, Nicolas Denhez on the design approach for our latest consoles and controller.
Dropping some pre-Monday inspiration today with finishing up our
#36DaysofType
alphabet and getting started with some numerical illustrations 👀.
Here is S-Z and 0!
Collaboration is moving beyond coauthoring flags in shared documents. See how we're creating dynamic new ways for people to achieve more together with
@Microsoft365
and—soon—the Microsoft Fluid Framework:
Microsoft is putting the sexy into unsexy software. I never thought I’d say this, but Microsoft’s latest sizzle video makes me want to use... SharePoint
New
#UX
and
#UI
updates are out now for Windows OneNote users 👀. The update features adoption of
#Fluent
icons, a refreshed color palette, cleaner app silhouettes, and the inclusion of our
#Mica
effect.
To learn more →
Happy
#Pride
! Here’s a look at this year’s Pride background offerings 🖼. This year, we've designed 35 different Pride flags 🏳️🌈 represented through deep and dimensional compositions. Download them now at 💻.
#MicrosoftPride
The
@MicrosoftDesign
team just published four files of icons and components for their open design system, Fluent, on Android, iOS, and web.
Check it out on their community profile:
File this under “things designers think about that maybe no one else does”: leading-trim! This new CSS feature spec has the power to evolve craftsmanship, accessibility, and more:
#Fluent2
iOS and website
#UI
kits have been updated using
@figma
variables! You can instantly switch themes of your designs from light to dark theme using accessible colors based on the latest Fluent design language.
Web ➡️
iOS ➡️
Thank you to our industry peers on the
@dandad
Wood Pencil jury for recognizing our work on the
@Surface
Earbuds. And congratulations to the other
#DandAD20
winners!
Flags represent ideas and ideals. This year, we're honoring
#Pride
by reimagining each community's flags with a more naturalistic composition to symbolize a connected ecosystem. Get your
@MicrosoftTeams
and
@Skype
backgrounds today:
What you need from your product experience constantly evolves and is unique to you—including how you work in
#DarkMode
. Discover how a cross-company team of designers brought Dark Mode to the entire
@Microsoft365
suite: