Learn Sketch 3 from Scratch

Go from knowing nothing about design tools to being able to put together a clickable prototype in 3 hours.
4.5 (436 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
6,281 students enrolled
Free
Start Learning Now
  • Lectures 39
  • Contents Video: 3 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2015 English

Course Description

Your ideas matter. But can you share them? This course will teach you how to share ideas you have for iOS, Android and web applications using two tools: Sketch 3 and invision.

Sketch 3 is the future of designing web and mobile applications. Professional designers at innovative companies like Google, Facebook and Twitter have already made the switch. Yet because Sketch 3 is so much easier to learn than old design tools like Photoshop, people who have no design experience and have certainly never used software like Photoshop are learning to share their ideas just like cutting-edge professional designers.

Learn the fundamentals of this powerful tool and the industry-leading prototyping tool called invision in less time than it takes to go to the movies. At the end of this course, you will have a solid foundation of how to use Sketch 3 and invision, a clear sense of best practices to design quickly and well, and know exactly where to go to keep learning. Your ideas matter. Learn how to share them.

What are the requirements?

  • You will need a Mac computer to complete this course
  • Download a trial (or purchase a full version) of Sketch 3

What am I going to get from this course?

  • Create app screens quickly using Sketch 3
  • Save hours a day by doing as little design work as possible
  • Organize design files in an intuitive way
  • Make revisions to designs as quickly as possible
  • Export designs so they can be shared with developers, customers or other collaborators
  • Export designs to mobile prototyping tools like InVision
  • Make interactive prototypes for mobile or web apps using InVision

What is the target audience?

  • This course is for anyone who wants to share ideas for web, tablet or smartphone applications.
  • This course doesn't assume any previous exposure to design tools, so it's perfect for beginners.
  • This course is perfect for Entrepreneurs, Product Managers, Engineers, Design students, or other people who want to share product ideas with customers, colleagues, investors and collaborators.
  • This course is not designed for advanced users of Sketch or for advanced Photoshop/Illustrator users transferring to Sketch. Stay tuned for specific trainings for people coming from Photoshop/Illustrator!
  • This course is made to get you creating designs faster than any other course and to give you the foundation to continue improving on your own.
  • This course was crafted to get you to sharing your ideas as fast as possible. Your ideas matter--learn to share them!

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

01:39

Intro to the course and philosophy of the class.

Section 1: Sketch 3 Overview
04:20

Know how the main parts of the Sketch interface are arranged.

02:42

Draw shapes inside of the Sketch program.

02:02

Move objects (otherwise known as layers) around the canvas.

03:14

Learn how to modify the color of objects/layers.

02:20

Keeping the proportion of objects the same as you make them bigger or smaller helps keep your designs looking the ways you intended. Learn to keep the ratio of height to width--otherwise known as aspect ratio--locked (constrained) or unlocked (unconstrained) as you change the sizes of shapes.

04:34

Rotate shapes in Sketch.

02:26

Move around the canvas quickly--these tips will save you time.

04:04

Copy shapes with confidence in Sketch.

01:38

Make shapes that are the composite of two or more other shapes. Most shapes are combinations of ovals and rectangles. Learning how to combine them empowers you to create a dizzying number of possible composite shapes. This lesson is broken up into several parts.

02:55

Make shapes that are the composite of two or more other shapes. Most shapes are combinations of ovals and rectangles. Learning how to combine them empowers you to create a dizzying number of possible composite shapes. This lesson is broken up into several parts.

01:09

Make shapes that are the composite of two or more other shapes. Most shapes are combinations of ovals and rectangles. Learning how to combine them empowers you to create a dizzying number of possible composite shapes. This lesson is broken up into several parts.

Section 2: Creating our First Prototype
01:14

See the prototype we are about to recreate.

01:40

Tips on navigating between pages in Sketch

01:57

Artboards are a big deal. Know why they matter and how to use them.

10:44

There are a lot of helpful things to know when it comes to copying our first artboard. Get all of them here.

06:25

Add images inside shapes in Sketch. If you ever work on ideas that have the idea of a user profile, or is at all visual based, this is a technique you will use frequently.

04:02

Compare how you copied artboards with my approach. Also get some nifty tips.

Section 3: Sharing our Design Work
05:24

Export your designs so you may share them.

02:57

InVision is the industry-leading design prototyping and collaboration software. Learn how to use the prototyping features.

03:46

Create hotspots so your prototype feels like a real, native iOS application.

(The same techniques also work for Android and web apps.)

01:22

Briefly review what we've learned so far and get perspective on how fast you are learning--even if these lessons have been tough for you you are learning in hours what takes most people weeks or months to get good at.

Section 4: Creating an Advanced Prototype
01:50

Review what our final prototype will look like for the next project.

00:55

Review organization of the second prototype we will recreate in Sketch.

05:39

Construct a strategy for building out the app.

03:48

Introduce the Screenshot technique and how to make it work for your artboard sizes.

05:29

Know the basics of using screenshots to accelerate your design process.

04:58

Using color matching and hiding to accelerate your design process.

11:33

Organize your Sketch file by keeping similar items together in groups.

06:06

This is how I solved the exercise I assigned. As always, when I give you a solution I include some time saving tips and additional information so you know even more about Sketch.

18:23

Cleaning up alignments is incredibly powerful. While we still need to avoid over-designing, having clean alignments helps your audience understand your design intent.

02:28

Recreate screen 3 in the prototype.

10:10

Learn the two most powerful ways in Sketch to avoid doing repetitive actions: learn to make a change in one place and see it everywhere.

Section 5: Sharing our Design Work, Revisited
02:41

A quick overview of how to export our prototype.

04:07

Practice makes perfect: can you create your clickable prototype on your own this time? Then check my solution to see how I do it.

Section 6: Learning is a Process, not a Destination
06:32

Use extensions to skip repetitive tasks and design faster.

07:51

Locate great templates and UI kits for Sketch.

04:18

Find great resources from around the web to design smarter and hone your taste for great design.

03:33

Some ideas on how to continue practicing and progressing to expert level in Sketch 3.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Brendan McDonald, Design Instructor

Brendan is UX a principal designer and lead design instructor at Dangerous Design. He is a former Product Manager and UX Designer at Intuit, one of the most respected tech companies in Silicon Valley, where he has designed and launched iOS, Android and web projects.

Brendan has taught Sketch 3 to professional designers, design students, product managers and people transitioning into design careers across North America and Europe, emphasizing techniques that get participants creating as quickly as possible.

Ready to start learning?
Start Learning Now