Designing and Prototyping with Sketch

Table of contents

1. Introduction
   1. About The Author 00:02:33
   2. Course Introduction 00:02:11
   3. How Sketch Makes Designing Easier And Faster 00:00:42
   4. Project Introduction 00:00:29
   5. How To Access The Working Files 00:01:15
2. Understanding How To Use Sketch
   1. Organizing Your Design With Pages And Artboards 00:03:45
   2. Reducing Repetition In Your Design With Symbols And Styles - Part 1 00:03:04
   3. Reducing Repetition In Your Design With Symbols And Styles - Part 2 00:03:20
   4. Designing Quickly With Grids And Rulers 00:04:13
   5. Selectively Show Off Your Design With Masks 00:02:54
   6. How To Get The Most Out Of Text 00:05:08
   7. Using Plugins To Improve Your Design Process 00:05:04
   8. Getting Real Content Into Your Design With Plugins 00:02:40
   9. Designing Your Own Icons With Paths 00:04:45
   10. Time-Saving Tricks 00:03:09
3. Prototyping A Responsive Website With Sketch
   1. Making Wireframes - Part 1 00:04:33
   2. Making Wireframes - Part 2 00:02:28
   3. Making Style Tiles - Part 1
   4. Making Style Tiles - Part 2
   5. Making A Pattern Library
4. Sharing Your Design
   1. Organizing And Naming Your Assets Effectively
   2. Exporting And Working With Slices
   3. Making An Interactive Prototype With Invision
   4. Making An Interactive Prototype With Flinto
   5. Making An Interactive Prototype With Framer Studio - Part 1
   6. Making An Interactive Prototype With Framer Studio - Part 2
5. Conclusion
   1. Resources - Where To Go From Here
   2. Wrap-Up