Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.
Introducing User Interface Libraries1:42 with Anwar Montasir
To create a consistent user experience across applications, design systems provide strict rules for designing and coding interactive elements, just as they provide a visual design language.
Visual design language guidelines, are the Legos of a design system.
These design elements are like building blocks
you piece together to construct almost any sort of application.
With rigid parameters to restrict their size, shape, material and connectivity.
It's unlikely, however, for a design system to stop there.
Once you understand the rules of applying color, typography, space, image, and
motion within the design system, you'll combine them into interactive elements.
The same way you might snap Legos together to form doors and windows,
stairs and bridges.
To create a consistent user experience across applications,
design systems provide strict rules for designing and coding interactive elements
just as they provide a visual design language.
These rules for interactive elements might be called
a User Interface Library, or a Component Library, or even a Pattern Library.
But whatever it's called, the goal is the same: to guide the style, implementation,
and functionality of interactive elements, and create a predictable and
accessible interactive experience across all applications.
In the next video, we'll explore a few examples and
see how design systems define and categorize interactive components.
You need to sign up for Treehouse in order to download course files.Sign up