Hands on Sketch 3 Training - Learn Mobile App Design
4.5 (88 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.
3,438 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Hands on Sketch 3 Training - Learn Mobile App Design to your Wishlist.

Add to Wishlist

Hands on Sketch 3 Training - Learn Mobile App Design

Learn mobile app design with Sketch 3 by duplicating mobile app screens, logos, and more. From basic to advanced
4.5 (88 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.
3,438 students enrolled
Created by Arend Pryor
Last updated 5/2017
English
English [Auto-generated]
Current price: $12 Original price: $70 Discount: 83% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 17 hours on-demand video
  • 1 Article
  • 35 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Have the skills and confidence to create mobile app screens, logos and more using Sketch
  • Export designs so they can be used during the development process
  • Build a mobile app that looks amazing
  • Submit designs for contests on crowdfunding sites, such as 99Designs.com
View Curriculum
Requirements
  • Students will need a Full or Trial version of Sketch 3 running on one of the following:
  • A Mac running OSX
  • A PC running a virtual mac OSX environment
Description

In this course, I’ll walk you step-by-step through the process of re-creating some amazing looking app screens, popular logos and some outside the box design elements, all using Sketch 3.  Upon completion, you'll have real-world experience building basic and advanced mobile app screens using Sketch.  

What kind of App screens will I be duplicating in this course?:

  • Login screens
  • Screens with Transparent backgrounds
  • Group Chat app
  • E-Commerce app
  • Blog Profile app
  • Workout Timer app
  • Facebook
  • Basic and advanced mobile app Icons/logos
  • Various buttons: Rounded, Sliding, Metallic and more

Sketch 3 is an amazing product that's gaining in popularity as the top tool for designing mobile apps due to its very intuitive controls and ease of use. If you’re interested in designing your own mobile apps, this course will get you up to speed on using Sketch3.

Course Outline:

  • Start with the basics: Draw and manipulate shapes, inserting images, working with fonts
  • Mobile App Screens: Follow along as we recreate a dozen detailed app screens
  • Mobile App Icons/logs: Duplicate over a dozen mobile app icons using a variety of skills/techniques. From beginner to advanced.
  • Additional Content: Sharpen your skills by re-creating several outside the box designs


Class Resources & Support:

  • You'll see the process I use when designing and where I get my resources
  • If you have a question, a comment, or need help, post it in the Q & A section
  • Once enrolled, you can join us on the Slack group chat to talk about the course and get feedback from myself and others who are also enrolled. Contact me to request an invitation.
Who is the target audience?
  • Do it yourselfers looking to design a mobile app
  • People looking to test the waters of Graphic Design and possibly change careers
  • Developers interested in becoming a double-threat by creating app screens
  • Experienced designers who want to learn Sketch
Compare to Other Sketch Software Courses
Curriculum For This Course
63 Lectures
17:05:31
+
Introduction
4 Lectures 13:27

In this video I'll tell you a little about myself and the course and what you'll need to get started.

Preview 02:03

Teaching Style & Pace
02:50

Asking Questions
01:42

Course Resources
06:52
+
Sketch Basics
7 Lectures 01:21:02

Topics Covered:

  • Using artboards as a canvas
  • Keyboard shortcut for inserting an artboard
  • Adding custom artboards
  • How layers work
  • Re-arranging layers
Interface Overview - Artboards and Layers
11:12

Topics Covered:

  • Grouping and Ungrouping
  • Creating and Editing Symbols
  • Zoom
  • Editing and Transforming Shapes
  • Applying Masks
  • Boolean Operations (Union, Subtract, Intersect and Difference)
Interface Overview - Toolbar Items
17:12

Topics Covered:
  • X and Y Coordinates 
  • Setting Width and Height 
  • Applying a radius to the corners of a shape 
  • Changing shape attributes such as opacity and color
  • Applying borders, shadows, inner shadows, and blur
  • Changing text attributes: Font family, weight, size, color, character spacing, etc.
Interface Overview - Inspector
16:26

Topics Covered:
  • Exporting content for developers to implement in code
  • Exporting individual items and artboards
  • Importance of naming
Interface Overview - Exporting
05:50

Topics Covered:

  • Drawing and editing shapes
  • Dissecting app screens
  • Using basics shapes to create a custom button
Creating & Editing Shapes
08:26

Topics Covered:
  • Importing and Resizing images
  • Recommendations on searching for images
  • Cropping
  • Applying a blur effect
Preview 08:31

Topics Covered:
  • We'll use the vector tool to recreate the Batman logo
  • Tips for using the vector tool
Using the Vector Tool
13:25

This quiz will test your understanding of Sketch basics

Sketch Basics - Quiz
12 questions
+
Hands-On: Duplicating App Screens
34 Lectures 10:21:51

01 - Workout Timer: Part 1 (Header)
22:18

01 - Workout Timer: Part 2 (Workout Settings)
08:12

01 - Workout Timer: Part 3 (Countdown Timer)
12:41

01 - Workout Timer: Part 4 (Repeat & Bottom buttons)
20:30


02 - Nike App: Part 1 (Header)
35:17

02 - Nike App: Part 2 (Title, Button, & Image)
18:31

02 - Nike App: Part 3 (Bottom Images)
25:23


03 - Belongings Login screen: Part 1 (Logo)
37:50

03 - Belongings Login screen: Part 2 (Text Fields)
20:20

03 - Belongings Login screen: Part 3 (Buttons)
13:38

03 - Belongings Login screen: Part 4 (Font Update!)
03:09


04 - Steller Login screen: Part 1 (Left Side)
19:24

04 - Steller Login screen: Part 1 (Right Side)
22:52


05 - Avenger Chat: Part 1 (Background & Header)
24:56

05 - Avenger Chat: Part 2 (Chat Pic & Message)
14:56


06 - Blog Profile: Part 1 (Header & Stats)
37:15

06 - Blog Profile: Part 2 (Rewards Tracker)
23:21

06 - Blog Profile: Part 3 (Rewards Icons)
22:05

06 - Blog Profile: Part 4 (Lines & Buttons)
21:39

06 - Blog Profile: Part 5 (Circle Graph)
34:29

06 - Blog Profile: Part 6 (Grid)
21:33

06 - Blog Profile: Part 7 (Vector Graph)
33:55

06 - Blog Profile - Extra Credit
00:20

Get ready to duplicate an app screen you might've seen before. Facebook! It might look easy, but there's much more detail than you think. Be sure to download the resources file, which includes everything you'll need along the way.

Preview 01:56

07 - Facebook: Part 1 (Header)
23:57

07 - Facebook: Part 2 (Main Menu)
16:25

07 - Facebook: Part 3 (Status section)
21:05

07 - Facebook: Part 4 (Suggested Post)
46:28
+
Hands-On: Duplicating Logos & Icons
14 Lectures 03:01:35

02 - Facebook Messenger
05:19

03 - Photobucket
19:17

04 - Yahoo Weather
19:45

05 - Google Docs
14:45

06 - The Chive
04:27

07 - Dumb Ways to Die 2
13:40


09 - iOS App Store
14:39

10 - Fandango
08:57

11 - Google Cardboard
17:20

12 - iOS Mail
12:13

13 - Safari
23:06

14 - Google Play
11:57
+
Hands-On: Duplicating Everything Else
4 Lectures 02:07:36

02 - Captain America's Shield
32:16

04 - Headphones
28:55

In this video, we'll take on duplicating a really cool and somewhat advanced slider button. Follow along as I break it down piece-by-piece and show you how to recreate it.

Cool Slider Button
54:33
About the Instructor
Arend Pryor
4.3 Average rating
394 Reviews
11,548 Students
5 Courses
UI/UX Design, Business Analyst, Health Nut, & Teacher

Hi I’m Arend, a lifelong student and teacher, here to share my knowledge and style of teaching. I’ve been involved in the tech industry for the majority of my career and have spent the last 15 years working as a Business Analyst documenting and designing everything from back-end systems, business and personal websites and mobile applications. My preferred style of teaching is to take a hands-on approach, where I walk you through real-world examples, in order to provide you with a detailed view of the concepts/topics being covered.