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

The Sketch Guide

The Sketch Guideleveluptutorials

Duration 3 hours 23 minutes 8 seconds
Building awesome Color Schemes for your UI Design Projects