Creating a Style Guide with Sketch

Consistency is a vital aspect of product design. This course teaches you how to build a UI style guide that will ensure unity across all aspects of your product. Software required: Sketch 3.3.2, ColorSchemer Studio, Adobe Illustrator CC, SkyFonts.
Course info
Rating
(26)
Level
Intermediate
Updated
Mar 25, 2016
Duration
5h 5m
Table of contents
Introduction and Project Overview
Creating a Style Guide with Sketch
Description
Course info
Rating
(26)
Level
Intermediate
Updated
Mar 25, 2016
Duration
5h 5m
Description

The consistency of a product's design can make it or break it in the market. If you want to learn how to create a unified design and take the guess-work out of the design process, then this course, Creating a Style Guide with Sketch, is for you. Throughout this course, you'll create a digital UI style guide for a product, starting with wireframing your project. You'll then follow the process through designing form elements such as typography, color, and buttons, all while creating a unified interface. Finally, you'll design a login page and learn to export your sketch. By the end of this tutorial, you'll have a firm understanding of how to build a style guide in Sketch to ensure the look and feel of your product is both well-made and consistent. Software required: Sketch 3.3.2, ColorSchemer Studio, Adobe Illustrator CC, SkyFonts.

About the author
About the author

Stewart is a versatile designer who has experience in everything from simple graphics to developing interfaces.

Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hello everybody, my name is Stewart Hines. I'm a web and graphic designer working in Nine Collective. We've spent the last few years building web apps for the oilfield services industry. In this course we're going to use the power of Sketch 3 to create a Style Guide for a group of developers. Some of the key takeaways from watching this course include learning how to focus your attention so that you can bring some consistency to your app. Using Sketch's powerful symbols, shared styles and text styles to speed up your workflow. Working with Sketch to create pixel-perfect mock-ups so that developers don't have to design any pages. And designing all of our elements so that developers don't have to guess. By the end of this training, you're going to have all the skills you need to go forth and create awesome apps. I'm excited to get started on this. So, let's go ahead and get started on the first lesson.