Learn Sketch: The Basics
2h 19m 59s
English
Paid
November 21, 2023
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.
More
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 Learn Sketch: The Basics
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | Welcome | 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 |
Similar courses to Learn Sketch: The Basics
Building awesome Color Schemes for your UI Design Projects
Duration 4 hours 26 minutes 11 seconds
Course
The Sketch Guide
Duration 3 hours 23 minutes 8 seconds
Course