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 [Auto-generated]
Current price: $12 Original price: $70 Discount: 83% off
3 days left at this price!
30-Day Money-Back Guarantee
  • 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
  • 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

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
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

Asking Questions

Course Resources
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

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

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

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

Topics Covered:

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

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

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)

01 - Workout Timer: Part 2 (Workout Settings)

01 - Workout Timer: Part 3 (Countdown Timer)

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

02 - Nike App: Part 1 (Header)

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

02 - Nike App: Part 3 (Bottom Images)

03 - Belongings Login screen: Part 1 (Logo)

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

03 - Belongings Login screen: Part 3 (Buttons)

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

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

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

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

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

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

06 - Blog Profile: Part 2 (Rewards Tracker)

06 - Blog Profile: Part 3 (Rewards Icons)

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

06 - Blog Profile: Part 5 (Circle Graph)

06 - Blog Profile: Part 6 (Grid)

06 - Blog Profile: Part 7 (Vector Graph)

06 - Blog Profile - Extra Credit

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)

07 - Facebook: Part 2 (Main Menu)

07 - Facebook: Part 3 (Status section)

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

02 - Facebook Messenger

03 - Photobucket

04 - Yahoo Weather

05 - Google Docs

06 - The Chive

07 - Dumb Ways to Die 2

09 - iOS App Store

10 - Fandango

11 - Google Cardboard

12 - iOS Mail

13 - Safari

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

02 - Captain America's Shield

04 - Headphones

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
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.