by Joshua Mauldin | Publisher: Infinite Skills | Release Date: July 2015 | ISBN: 9781771374538

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.

1. 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
2. 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
3. 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 00:05:23
   • Making Style Tiles - Part 2 00:03:57
   • Making A Pattern Library 00:07:56
4. Sharing Your Design
   • Organizing And Naming Your Assets Effectively 00:03:01
   • Exporting And Working With Slices 00:04:18
   • Making An Interactive Prototype With Invision 00:05:24
   • Making An Interactive Prototype With Flinto 00:04:30
   • Making An Interactive Prototype With Framer Studio - Part 1 00:03:45
   • Making An Interactive Prototype With Framer Studio - Part 2 00:04:19
5. Conclusion
   • Resources - Where To Go From Here 00:00:43
   • Wrap-Up 00:00:34