5.8 Design Language Systems Flashcards
What is a design language?
A set of overarching rules and standards that help maintain consistency in design on a single platform.
What is a design language system?
A group of design languages that govern the design and user experience of a product across multiple platforms and devices.
What elements are included in a design language system?
Color, Typography, Iconography, Common UI Components, Grid/Layout, Interactions, Animations, Tone of Voice, Accessibility Guidelines, and Design Resources.
What does a design language system ensure?
It ensures that a single brand has a cohesive user experience across their iOS, Android, Windows, and Apple platforms.
The result is no matter which platform you’re on, it still feels like the brand.
What are common UI components?
Any reusable UI components such as form elements, sliders, dials, buttons, etc.
What is a style guide?
A set of standards that govern the visual aesthetic of your product.
In the most recent stakeholder meeting, your colleagues from outside of the design team mentioned they’d like to have access to an updated set of company logos so they don’t have to ping you every time. For future reference, you decide to point them to which section of the design language system?
Design resources
You’re creating a design system for your team and are setting some general guidelines regarding styles for commonly used text on your app’s buttons. Which element do these guidelines belong to?
Typography
You’ve just started working as the only designer in a three-person startup with a very exciting product in which no creative idea is left unturned. To ensure consistency in design, you decide to build a design language system. Where would be a good place to begin?
Style Guide
What can be considered a pro tip for ensuring that your design language is professional and usable?
It should be clean
