In case you have missed our story on “Developing an Open Source Icon System at Microsoft”, visit the link in bio to learn more and hear directly from the designers involved in the process.
.
#Microsoft #Fluent #DesignLanguage #DesignSystem #Iconography #Icons #Q&A #BehindTheScenes #OldToNew #Office

Author: microsoft.design
Link (instagram): click

Our open source Fluent icon set is now available on GitHub. 🎉 Click our link in bio or go to aka.ms/fluent-icons-repo to start using them and let us know what you think!
.
#Microsoft #Design #Fluent #DesignToCode #DesignLanguage #OpenSource #Icons #Iconography #GitHub #Cinema4D #C4D #OctaneRender

Author: microsoft.design
Link (instagram): click

For those appreciative of expressive typography, here is an old experiment from right around the time that Fluent Design was born.
.
#Microsoft #Design #Fluent #DesignLanguage #BuildingBlocks #Geometry #Primitives #Foundation #Typography #Type #Experiment #CG #3D #Brutalism

Author: microsoft.design
Link (instagram): click

We’ve been on a multi-year design journey to create more focused, immersive experiences, from the single-line ribbon, to #DarkMode, to #Fluent.
.
Visit the link in our profile to read our latest article on where we are taking @Microsoft365 next.
.
#Microsoft #Microsoft365 #ProductivityCloud #Design #Concept #ExperienceDesign #Future #Next #ExperienceAttributes #Focused #Connected #Amplified #Protected #Focus #Collaboration #Intelligence #AI #ArtificialIntelligence #Security #Animation #VisualEffects #CG #C4D #Cinema4D #MotionGraphics #RedShift

Author: microsoft.design
Link (instagram): click

We couldn't fit the name of everyone who worked on our new icon system into a single post, so we made a video to say "Thank you!" instead.
.
Link in bio for the full video. Compliments of @StudioTendril and @ZeligSound.
.
#Microsoft #Design #Fluent #DesignLanguage #Together #Iconography #Icons #Collaboration #Dynamics #Office #Windows #Gratitude #Animation #CG #VisualEffecs #C4D #Cinema4D #RedShift3D #MotionGraphics #Brand

Author: microsoft.design
Link (instagram): click

At the core of our app icon system is a universal grid that considered a multitude of icons silhouettes.
.
This flexible grid, along with a set of lightweight guidelines, allowed designers across the company to contribute brand new icons to the system, evolving the aesthetic over time while retaining a familiarity to the overall family of symbols.
.
Link in bio for the full video.
.
#Microsoft #Design #Fluent #DesignLanguage #Grid #Alignment #Together #Iconography #Icons #Collaboration #Dynamics #Office #Windows #Gratitude #Animation #CG #VisualEffecs #C4D #Cinema4D #RedShift3D #MotionGraphics #Brand

Author: microsoft.design
Link (instagram): click

A wide spectrum of colors that is respectful of accessibility considerations and embraces intricate shade combinations and gradients is what we needed to enable brand new icons in our system to feel fresh and yet familiar. Diverse and Connected.
.
Link in bio for the full video.
.
#Microsoft #Design #Fluent #DesignLanguage #Grid #Alignment #Spectrum #Together #Iconography #Icons #Collaboration #Dynamics #Office #Windows #Gratitude #Animation #CG #VisualEffecs #C4D #Cinema4D #RedShift3D #MotionGraphics #Brand

Author: microsoft.design
Link (instagram): click

For us, relying on flexible guidelines, as opposed to rigid rules is what has allowed our family of icons to grow and evolve in surprising and delightful ways.
.
It is when a set of distinct shapes come together to define an icon's silhouette, adorned with an unique application of color that it all comes together in a blend of new, yet familiar.
.
#Microsoft #Design #Fluent #DesignLanguage #Grid #Alignment #Spectrum #Together #Iconography #Icons #Collaboration #Dynamics #Office #Windows #Edge #Gratitude #Animation #CG #VisualEffecs #C4D #Cinema4D #RedShift3D #MotionGraphics #Brand

Author: microsoft.design
Link (instagram): click

Want one? …or two?! 🤗
.
Win 2 posters (one for you + one for your design BFFL 👯‍♂‍) inspired by our new icons video! ✨
.
To enter, comment with:
🖌@ your favorite creative partner
🖊An emoji capturing the spirit of your teamwork
✏#sweepstakes
.
US 18+. Ends AUG 27, 2020 at 4:00 PM PT. Visit link in profile for rules. Check out twitter.com/MicrosoftDesign for another chance to enter.
.
#Microsoft #Design #Fluent #DesignLanguage #Print #Together #Iconography #Icons #Collaboration #Dynamics #Office #Windows #Gratitude #CG #VisualEffecs #C4D #Cinema4D #RedShift3D #Brand

Author: microsoft.design
Link (instagram): click

We created this celebratory film with @microsoft.design @_nando_costa_ @zeligsound to thank all the people who collaborated on developing the new Microsoft icon system. ❤️💜💛 The film honours the expertise and creative process that went into creating the beautiful, moving, coherent icon system — Link in bio for full project + credits

#design #animation #microsoft #icons #iconography #fluent #designlanguage #dynamics #windows #cg #cgi #motiondesign #brand #c4d #redshift

Author: studiotendril
Link (instagram): click

Use our latest @FigmaDesign plugin to quickly annotate the focus / tab order flow of your designs. 💻
.
This simple step will enable a much wider audience to enjoy your online experiences, whether they use a keyboard or other input device. 🙌
.
To learn more about Focus Orderer, visit the link in our profile.
.
#Microsoft #Design #Fluent #Figma #Accessibility #UX #Input #UserExperience #Universal #Together #A11y #Aria #wcag #InclusiveDesign #Mobility #Narrator #ScreenReader

Author: microsoft.design
Link (instagram): click

Today we revisit the article we published last December about our effort to rethink, redesign and align our mobile experiences across @Microsoft365. 📱

Visit the link in profile to read the story and watch the film directed by @HelloWinck and @HelgeKiehl 🎬, with music by @ZeligSound. 🎵

#Microsoft #Microsoft365 #Mobile #Productivity #Fluent #icons #Iconography #Alignment #DesignLanguage #Cinema4D #C4D #Octane #OctaneReender #3D #Maxon #Otoy #ProductRendering #MobileDesign #FigmaDesign #Figma #UI #UIDesign #iOS #Android

Author: microsoft.design
Link (instagram): click