Advance Your UI/UX Skills with Sketch Symbols and Dynamic Styleguides

Por: Skillshare . en: , ,


In this class you will build a flexible, scalable, component based styleguide in Sketch.  You will learn to harness the power of nested symbols to create responsive elements that can be used throughout your app or website.  With this system, you will save time by having easy access to a design library as well as being able to update all instances of an element in a project with the click of a button.  No more searching for every instance of a certain font or color to make changes!

This class will teach you how to quickly create a UI library as well as responsive, easy to use components made from nested symbols.  Designers new to Sketch will learn how to get started with some of the easy to se tools while more experienced students can gain insight into advanced UI/UX tips and tricks!  We will learn how sketch symbols, nested symbols, style overrides, and resize settings work to make building complex components a breeze.  At the end of the class you will have a structured pattern library to use on existing or future Sketch projects - you can even share with a team to make collaboration a breeze!

This class is great for designers working on teams who want to increase consistency across products as well as solo designers and freelancers looking to speed up their workflow.  Creating consistent experiences has become a top priority for UI/UX designers.  With a design system like the one created in this course, you will be able to deliver familiar interfaces and predictable functionality across various screen sizes and devices.

Class Resources:  

  • Sketch Introduction
  • Example Design Systems:  Shopify ,  Airbnb ,  IBM

To download the Sketch and Keynote templates referenced in the class, click on the 'Your Project' tab below and look in the right hand column titled 'Attached Files'.