Mobile App Design: Design an iOS Prototype in Sketch 3

Design a mobile application in Sketch 3 and make a clickable iOS prototype
4.2 (83 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.
1,248 students enrolled
75% off
Take This Course
  • Lectures 41
  • Length 2.5 hours
  • Skill Level Beginner Level
  • Languages English, captions
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


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

About This Course

Published 3/2016 English Closed captions available

Course Description

Join over 1,230 happy students in this hands-on Sketch 3 course!

When you watch the promo video above you'll see exactly what you will be able to design when you have completed this course.

You'll learn how to use Sketch 3, and the online tool InVision, to bring an application design from your head onto the screen and finally onto your smartphone where you can show your friends or clients.

This course was created with non-designers in mind. If you are new to Sketch you will learn everything you need to know to design application interfaces in Sketch 3.

We cover some basic documentation, like User Stories and Flow Diagrams, so you can confidently go onto the design stage knowing that you have a fully fleshed out idea of what your application will do. We also cover some color theory to help you make the right color choices the first time and end up with a good looking product.

This course's instructor has taught college level web design and computer animation courses and he brings all that experience to this course. The high definition videos are clear, concise and professionally edited.

If you are a student, entrepreneur or just someone who wants to design an application for fun, sign up for the course today and make your application design dreams a reality.

What are the requirements?

  • Mac computer (Sketch only runs on Mac)
  • Sketch 3 (Free trial is available)

What am I going to get from this course?

  • Gain the ability to create a clickable mockup that works on your smartphone!
  • Design mobile applications in Sketch 3 with confidence
  • Easily create User Stories and User Flow diagrams to flesh out application ideas
  • Easily create wireframes in Sketch to test out layouts
  • Learn some color theory to make the right color decisions the first time
  • Bring application screen designs to life using InVision
  • Impress friends and clients with your new design mockup skills

Who is the target audience?

  • No prior design experience is required
  • Anyone who wants to design a mobile application without needing to code
  • Anyone who wants to break into the multi-billion dollar application industry
  • Students and Freelancers who want to add application design to their skills
  • If you are already using Sketch with InVision this course is probably NOT for you

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.


Section 1: Getting Started

Be sure that you are watching the course videos in HD. This course is recorded at 1080p but if your video player settings are lower the screenshots will be blurry.

When watching a video click the gear icon in the lower right corner and make sure the highest resolution is selected.


A welcome message from the instructor.

Introduce Yourself

Here we look at what we are going to build in this course running right inside InVision, the online tool that is free to use for one mock-up at a time.


Here you will find the zipped file with all of the images, icons and fonts you will need to follow along with the course videos.

Section 2: Introduction to Sketch 3
Section Intro
The Sketch 3 Interface
Working with Colors and Gradients
Groups and Symbols
Masking Images
Section 3: Inspiration and Resources
Finding and Organizing Inspiration
Finding Good Images and Icons for Mockups
Section 4: Predesign Work
Section Intro
Our Course Client
Basic User Stories Made Easy
Simple App. Flow Diagram
Quick Wireframes in Sketch
Section 5: Designing Our Mobile Application
Section Intro
Launch Screen With Logo
Sign In Screen
Parent Home Screen - Part 1
Parent Home Screen - Part 2
Student Screen - Part 1
Student Screen - Part 2
Student Screen - Adding A Back Button
School Calendar Screen - Part 1
School Calendar Screen - Part 2
Screen Calendar Screen - Part 3
Lunch Menu Screen
Out Today Overlay Screens
Forgot Password & Password Reset Overlay Screens
InVision Icon Graphic
Section 6: Working with the InVision Application
Exporting Screens From Sketch Into InVision
Connecting Our Screens Together
Looking at Our Final Product
Section 7: Bonus Content
Introduction to Color Theory
Section 8: Wrapping Up

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Richard Coy, Online Instructor, Certified UX Designer

About Me
I've been a tech entrepreneur since I first logged onto the internet using AOL in 1996. I fell in love immediately with technology and the opportunities it provides to learn and do business.

Since then I have branched off into many areas:

I've taught college level courses in web design and animation at a local college. I love watching the students learn and the "ah-ha" moments when something clicks. When they walk out of the classroom knowing something new there is a sense of accomplishment and I like being a part of that.

Web Design
I have built many websites for clients over the years. Some in straight HTML/CSS but many more in WordPress. I've created themes and custom plugins. I like WordPress for my clients because it makes it easy for them to maintain and update the content on their own sites. I think they like it for that reason also! :)

App Design
I've built eight games for iOS devices using a game engine called Game Salad. I enjoy making games and may even create a course for Udemy if the interest is there.

UX Design
In December 2015 I went through the UX Certification process with Nielsen Norman Group. I received certification after completing a series of five tests. I find the User Experience process very interesting and love how the final product is so much more polished when the UX work has been done.

How I Teach
My courses are very high quality. Some instructors try to crank out a course in a few days. I don't think that does justice to the process of learning, or honor the student. My courses are all HD and great care is put into the audio and video quality. Each course is step-by-step so that you can implement them right away. They take effort and commitment on the part of the student but the learning that is accomplished can reap a lifetime of rewards.

I try to respond to all student questions within one work day, often a lot less. If you ask a question on a Saturday or Sunday it may be Monday before you hear from me but I will reply if a reply is in order.

Thanks for taking the time to read my bio. The fact you are reading this is a sign that you are serious about the courses you take and I look forward to helping you reach your learning goals.

Ready to start learning?
Take This Course