Learn Sketch: The Basics
Course description
Sketch is one of the most popular UX design tools around. This training course can help designers of all skill levels be productive with its focused, comprehensive vector graphics workflow. Follow along with Chris Converse and learn the ins and outs of the Sketch interface, and how to design modern user experiences with Sketch, starting with document and project setup.
Read more about the course
Chris shows how to share styles across text and objects, draw vector artwork, and finally, export your work for developers or project teams to integrate further. By the end of the course, you'll be able to use artboards, text and object styles, and drawing and export tools to create high-definition PNGs, JPEGs, and PDFs.
Topics include:
- Creating artboards
- Adding a navigation bar
- Working with fonts
- Adding artwork and logos
- Exporting artboards and assets
- Collaborate with Sketch Cloud
- Making design changes
Watch Online
Watch Online Learn Sketch: The Basics
All Course Lessons (31)
# | Lesson Title | Duration | Access |
---|---|---|---|
1 | Welcome Demo | 01:11 | |
2 | About this course | 00:52 | |
3 | About the exercise files | 01:00 | |
4 | Creating pages and artboards | 06:12 | |
5 | Adding a banner and artwork | 03:27 | |
6 | Adding a navigation bar | 05:36 | |
7 | Adding hero text and a button | 04:15 | |
8 | Creating the logo | 06:05 | |
9 | Drawing the star and pin icons | 06:30 | |
10 | Drawing the gear icon | 02:37 | |
11 | Creating 3 columns for the main section | 06:00 | |
12 | Creating the atmosphere section | 08:51 | |
13 | Creating the how-to section | 06:17 | |
14 | Creating links and a pull quote | 06:32 | |
15 | Creating link styles and a footer | 02:52 | |
16 | Adjusting the header layout for medium screens | 04:21 | |
17 | Adjusting the main section for medium screens | 08:34 | |
18 | Adjusting the atmosphere section for medium screens | 02:28 | |
19 | Adjusting the how-to and footer sections for medium screens | 06:48 | |
20 | Preparing the small artboard | 03:04 | |
21 | Adjust the navigation and logo area | 05:07 | |
22 | Adjusting the banner image and hero content | 02:53 | |
23 | Adjusting the main section for small screens | 04:12 | |
24 | Adjusting the atmosphere section for small screens | 02:42 | |
25 | Adjusting the how-to and footer sections for small screens | 05:43 | |
26 | Adjusting the logo and nav for extra small screens | 04:23 | |
27 | Making adjustments across all artboards | 05:01 | |
28 | Exporting artboards | 03:12 | |
29 | Exporting assets to bitmap formats | 07:18 | |
30 | Exporting assets to SVG | 04:40 | |
31 | Where to go from here | 01:16 |
Unlock unlimited learning
Get instant access to all 30 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsSimilar courses

Building awesome Color Schemes for your UI Design Projects

Want to join the conversation?
Sign in to comment