In particular, you will learn how to take advantage of Sketch’s Artboard, Pages, and Styles features, in order to create a mobile app prototype. Along the way, you’ll discover useful tips and tricks to help you with the types of tasks that UX and UI designers typically face.
The course will also introduce you to the Sketch plugin ecosystem and show you how Sketch makes exporting assets fun. Finally, you'll discover how to make static wireframes and mockups interactive with the help of Invision, an online prototyping platform.
Learning goals:
By the end of this course, you'll learn:
- what Artboards and Pages are and why you should use them
- how to use Styles and Symbols
- how to create grid layouts for your UX and UI projects
- what Sketch plugins are and how to install and use them
- the different methods for exporting your wireframes and ui elements
- how to integrate Sketch with Invision to build interactive wireframes and prototypes
Prerequisites: To follow this course, you’ll need to have a basic understanding of how wireframes and prototypes are typically used in the development of websites and mobile applications. It’ll also be useful if you‘ve had some experience with another image-editing or graphics application, such as Adobe Photoshop or Illustrator.
Part #1 - Introducing Sketch for UX and UI
1. Introduction to Sketch
2. The workspace and artboards
3. Styles and group symbols
4. Text styles and templates
5. Pages
6. The Make Grid feature
7. The power of Sketch plugins
8. Exporting
9. Adding interactivity with Invision
Quiz: Quiz 1
Activity: Build a gallery app prototype