Learn Sketch: The Basics
2h 19m 59s
English
Paid
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
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 |
Comments
0 commentsSimilar courses
The Sketch Guide
Sources: leveluptutorials
Learn the new industry standard for web design. Become an expert in Sketch, the app that is changing how designers work in the modern web and app design world.
3 hours 23 minutes 8 seconds
Building awesome Color Schemes for your UI Design Projects
Sources: udemy
Colors are used to display and convey information. If you look at the Color Scheme of any Dashboard Design for Graphs, colors are there to create meaning and sense in the data i...
4 hours 26 minutes 11 seconds
Want to join the conversation?
Sign in to comment