"Build an Interactive Story App with Swift" was retired on May 31, 2020.

Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Introduction to Design Systems

Well done!

You have completed Introduction to Design Systems!

Sign up for Treehouse Back to Library

Introducing User Interface Libraries

1: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.

Further reading

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    [MUSIC] 0:00
    Visual design language guidelines, are the Legos of a design system. 0:05
    These design elements are like building blocks 0:10
    you piece together to construct almost any sort of application. 0:13
    With rigid parameters to restrict their size, shape, material and connectivity. 0:17
    It's unlikely, however, for a design system to stop there. 0:25
    Once you understand the rules of applying color, typography, space, image, and 0:29
    motion within the design system, you'll combine them into interactive elements. 0:35
    The same way you might snap Legos together to form doors and windows, 0:41
    stairs and bridges. 0:46
    To create a consistent user experience across applications, 0:49
    design systems provide strict rules for designing and coding interactive elements 0:53
    just as they provide a visual design language. 0:59
    These rules for interactive elements might be called 1:04
    a User Interface Library, or a Component Library, or even a Pattern Library. 1:08
    But whatever it's called, the goal is the same: to guide the style, implementation, 1:15
    and functionality of interactive elements, and create a predictable and 1:22
    accessible interactive experience across all applications. 1:27
    In the next video, we'll explore a few examples and 1:33
    see how design systems define and categorize interactive components. 1:36

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up