Mastering Sketch: From Beginner to Advance User
2.8 (2 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.
14 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Mastering Sketch: From Beginner to Advance User to your Wishlist.

Add to Wishlist

Mastering Sketch: From Beginner to Advance User

Learn how to user sketch, wireframe, and design out your projects. From Conception to Complete Projects
2.8 (2 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.
14 students enrolled
Created by Michael Lemma
Last updated 11/2016
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5.5 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Have a understand of how sketch works
  • Beable to Create Mobile Apps
  • Be Able to Create Web Designs
  • Have a Understanding of UX Design
  • Have a Understanding of UI Design
  • Wireframe
  • Annotate their own designs to hand off to developers
  • Write Annotations
  • Create Designs from Concept to Final Project
  • Understand the UX to UI Work Flow
View Curriculum
Requirements
  • Own a copy of sketch or Free Trial
  • Purchase or Download Sketch
Description

Sketch is the program all the big companies and start-ups use. Learn how to master it from a beginner all the way to a advance user. This course will teach you how to get started and have you designing apps and websites in no time. Learn all the quick techniques, how to's, layouts, and if you're a adobe user no worries you'll catch on in no time since a lot of things are almost the same. 

Not only will you learn how to use the program, but I will guide you how to design wire frames like you would in a real design position. From there you'll take those wireframes and turn them into stunning visual designs. You'll also learn how to write annotation like a design to actually prepare files for hand off to a developer or client. Finally, we will learn how to prototype in invision and turn your flat designs into interactive designs. 


Who is the target audience?
  • If you know photoshop and looking to transition into sketch
  • If you know Illustrator and looking to transition into sketch
  • If you want to learn sketch as a beginner and progress to advance learner
Students Who Viewed This Course Also Viewed
Curriculum For This Course
46 Lectures
05:33:58
+
A Introduction to Sketch
11 Lectures 01:21:36

A explanation and walk through of how sketch came to be.

Preview 03:29

Learn how to set up a project from mobile, to web, to a custom project

Preview 09:39

Learn how to use the basic tools of sketch such as shapes, lines, and artboards. 

The Basic Tools in Sketch
17:08

Closing Sketch/Opening Multiple Pages
03:35

A heavy adobe user? Used Photoshop and Illustrator? 

Transition to sketch is very simple as a lot of things are similar (ex. Hot Keys). 

From Adobe to Sketch: The similarities and differences
07:08

Art-boards will make your life easier, Learn how to use art-boards with the following; 

  • Place them on the canvas
  • Customize them from scratch
  • Copying and paste them
  • Add your own to the library
Working with Artboards
07:40

Pages and layers are new pieces added to sketch learn how to:

  • Create Pages
  • Work with Layers


Working with Pages & Layers
10:26

Built in Templates. Learn how to use/find Sketches Pre-built templates.

  • iOS
  • Material Design
  • Icon Design
  • Web Design
The Menu Tool Bar: The Top
11:43

Learn how to use:

  • Rulers
  • Grids
  • Pixels
  • Layouts 
Rulers, Pixels, Grids and more
08:23


Shortcuts for Sketch
02:10
+
Working With Layers
5 Lectures 19:54

Learn how to simply create a layer.

Creating a Layer
04:36

Manage Layers
04:00

Keeping your layers organzied
06:05

Work faster and keep layers organized with symbols.

Using Symbols to be orangized
03:18

In Sketch layers you're now able to find layers within your canvas by hovering over a layer.

Finding Items on the Artboard
01:55
+
Working with Symbols
7 Lectures 22:37

What are symbols? Ease, They are pieces you can edit and be applied across the board all at once. 

What are Symbols?
02:30

Creating a Symbol
02:52

Editing a Symbol
01:59

Make changes to a symbol without going into it. 

Change elements without it affecting the symbol
02:48

Learn how to create a symbol within a symbol and have the change be applied to multiple symbols.

Symbol within a Symbol
05:10

Sometimes when we work in projects we need to break a symbol to make them different from the overall style. 

Breaking Symbols
03:08

*Update* Sketch Program Updates!
04:10
+
App Design: UX Design And Wireframing in Sketch
9 Lectures 01:07:49
Free Elements to Use for Designing
00:11

We dive in and get to know what UX Design is and how to Wireframe.

Wireframing 101: What the Heck is Wireframing?
08:24

Find out the different between designing basically or with detail. 

NOTE: If you'd like to use the elements I have please grab the logo here. It's Free. 

http://www.freepik.com/index.php?goto=74&idfoto=835043&term=logo

http://www.freepik.com/free-photo/businesspeople-celebrating-success_861073.htm

Hi FI Vs Low Fi
04:03

We are going to wireframe out a login screen from scratch and use all the techniques we learned from our basic section.

Wireframing a Login Screen
08:15

Taking more techniques from earlier we learn how to create profile screen. This will include using Symbols and saving time with them.

Wireframe a Profile Screen
08:40

So we designing two screens a Login and a Profile, so now its time to connect the dots and figure out how to wireframe the rest. 

Wireframing from Point A to D
10:48

We will learn and take our basic wireframe and build it up into a hifi wireframe.

Note: If you'd like to follow along download the assets here. 

http://www.freepik.com/free-vector/collection-of-music-logos_808643.htm#term=music%20logo&page=1&position=4

LowFi Wireframe to HiFi Wireframe Design Part 1
07:18

LowFi Wireframe to HiFi Wireframe Design Part 2
13:35

Showing Functionality with a App
06:35
+
The Art of Annotations
5 Lectures 38:58
Setting up & Placing Annotations
06:25

The Terms of UX
08:03

If and when it comes to handing off a design to developers there will have to be some notes written in a particular way for them to understand. Learn how to write that language with easy. 

The Artful Language of Annotations
07:25

Creative Annotations
14:18

Dressing up your Document
02:47
+
Designing Apps in Sketch
6 Lectures 01:18:52

Learn how to take a wireframe to the creative stage of Designs (Part 1)

Making a Creative Design From a Wireframe Part 1
12:38

Learn how to take a wireframe to the creative stage of Designs (Part 2)

Making a Creative Design From a Wireframe Part 2
12:40

Learn how to take a wireframe to the creative stage of Designs (Part 3)

Making a Creative Design From a Wireframe Part 3
09:43

When creating a app or website, it's important to create different visual state of how a user would interact with the design. I show you how to achieve this.

Creating Visual States of Your App
20:54

Exporting never seemed to easy until now. There are many options when it comes to exporting. I show you how to do so in this lecture.

Exporting
03:28

We finally finished the designs, Now it's time to take it to a prototyping stage. We will make our design come to live in a interactive FREE prototype. 

Prototyping your App to Be Real
19:29
+
Bonus
3 Lectures 24:56

As a special treat, here is a bonus to help you with time productivity.

Bonus: Plugins
11:13

Part of Invision's family of products this is a powerful plug in to help you in your design. With one click you can add, names, address, states, articles, headlines, and more.

Bonus: Craft Plugin (Such a time Saver)
08:20

A hidden secret, Looking to copy content from a redesigned site, look no further, Invision can copy text and image straight to your artboard.

Bonus: The Secret to Converting a Webpage to Sketch Document
05:23
About the Instructor
Michael Lemma
4.0 Average rating
111 Reviews
3,170 Students
5 Courses
Earned up to $100,000 Freelancing Photoshop & Sketch!

Mike is a successful UI/UX designer. He grew up in California. He received his BFA in Graphic Design from the Savannah College of Art and Design. He has studied art and design since he was seven.

He's had clients that have ranged from NY Red Bulls, Sony's: The Amazing Spider-man, Coors Light, AMC's Breaking Bad, Powerade, Verizon, Jeep, and more.

His specialty is UI/UX, Branding, Corporate Identity, Poster Design, Logo Design, Package Design, Web Design, Concept Design, Matte Painting, Photography and Art Direction. He is the founder of the website exhbit.

He has gained inspiration while traveling the world and recently wrote and published a book on his travels.

He's had articles written about him on 500px blog ISO as well as having a healthy portfolio of work.

I've been in the design field for almost 7 years. I started out by designing for graphic services (Print design, logo, web design etc), but I discovered other ways I could earn a living through the art of design.

I started learning Photoshop when I was only 12. I kept up to date with it over time and became better at it. Then, I went to college and learned a lot more from a design stand point (Layouts, how to engage the users, color theory, and more) .

Eventually, I started freelancing, and I slowly realized this can be a profitable part time cash machine as well as making myself a better designer. I tested and tried the best ways of achieving certain Photoshop techniques (watched tutorials, read books, experimented). I'd start by mocking up 10 designs per day. Then I'd go back and constantly push and update the designs. It was a lot of work that went into the early mornings (the life of a designer), but I loved it. I was always thinking of new ways to design things. By doing this I became a better designer as you would normally in everything else, practice makes perfect!

I'm a efficient designing master and I know the best ways of creating stunning designs in the blink of an eye (especially web design). I choose how much money I want to make by managing my time and projects I want to work with.

I am also an entrepreneur: I started my first start up 2 years ago and it quickly became popular. I freelance constantly as well as working a full time job (Where does the time go!?).

Having so little time and so much to do, I still managed to make over $100,000 by working part time in Photoshop and Sketch (this doesn't not include in my full time salary, which is another $100k). You can learn from my personal experiences and start earning a living.