Designing and Prototyping with Sketch

Video description

Designing and Prototyping with Sketch

Video description

In this Designing and Prototyping with Sketch training course, expert author Josh Mauldin will teach you how to use Sketch for prototyping. This course is designed for the absolute beginner, meaning no previous experience with Sketch is required.

You will start by learning how to use Sketch, including how to organize your design with pages and art boards, reduce repetition with symbols and styles, and design your own icons with paths. From there, Josh will teach you how to prototype a responsive website with Sketch, including how to make a wireframe, style tile, and a pattern library. Finally, this video tutorial will teach you how to share your design, including exporting and working with slices, and making an interactive prototype with InVision, Flinto, and Framer Studio.

Once you have completed this computer based training course, you will be fully capable of creating your own prototypes with Sketch.

Publisher resources

Download Example Code

Introduction

About The Author 00:02:33

Course Introduction 00:02:11

How Sketch Makes Designing Easier And Faster 00:00:42

Project Introduction 00:00:29

How To Access The Working Files 00:01:15

Understanding How To Use Sketch

Organizing Your Design With Pages And Artboards 00:03:45

Reducing Repetition In Your Design With Symbols And Styles - Part 1 00:03:04

Reducing Repetition In Your Design With Symbols And Styles - Part 2 00:03:20

Designing Quickly With Grids And Rulers 00:04:13

Selectively Show Off Your Design With Masks 00:02:54

How To Get The Most Out Of Text 00:05:08

Using Plugins To Improve Your Design Process 00:05:04

Getting Real Content Into Your Design With Plugins 00:02:40

Designing Your Own Icons With Paths 00:04:45

Time-Saving Tricks 00:03:09

Prototyping A Responsive Website With Sketch

Making Wireframes - Part 1 00:04:33

Making Wireframes - Part 2 00:02:28

Making Style Tiles - Part 1

Making Style Tiles - Part 2

Making A Pattern Library

Sharing Your Design

Organizing And Naming Your Assets Effectively

Exporting And Working With Slices

Making An Interactive Prototype With Invision

Making An Interactive Prototype With Flinto

Making An Interactive Prototype With Framer Studio - Part 1

Making An Interactive Prototype With Framer Studio - Part 2

Conclusion

Resources - Where To Go From Here

Wrap-Up

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.