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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 31 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online Learn Sketch: The Basics

0:00
/
#1: Welcome

All Course Lessons (31)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Building awesome Color Schemes for your UI Design Projects

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
The Sketch Guide

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