Introducing Sketch for UX and UI (OpenClassrooms)

Introducing Sketch for UX and UI (OpenClassrooms)
Free Course
Categories
Effort
Certification
Languages
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.
Misc
Introducing Sketch for UX and UI (OpenClassrooms)
Are you interested in graphic design? Do you enjoy creating beautiful mock-ups for website and mobile interfaces? Then you’re in the right place! In this course, you will learn how to create artwork in Bohemian Sketch, which is a design creation tool that is powerful and easy to use. With Sketch, you’re going to build wireframes, mockups, and prototypes for your digital app projects.

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



Free 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.