Mobile App Design: Design an iOS Prototype in Sketch 3

Design a mobile application in Sketch 3 and make a clickable iOS prototype
4.3 (77 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,231 students enrolled
$19
$30
37% 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

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 3/2016 English Closed captions available

Course Description

Join over 1,180 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

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

Curriculum

Section 1: Getting Started
Article

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 1080p is selected.

01:08

A welcome message from the instructor.

Introduce Yourself
Article
02:51

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.

01:32
  1. sketchapp.com
  2. invisionapp.com
Article

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
Preview
00:22
The Sketch 3 Interface
Preview
03:22
Artboards
03:09
Shapes
04:37
Working with Colors and Gradients
04:02
Text
02:01
Groups and Symbols
02:36
Masking Images
03:23
Section 3: Inspiration and Resources
Finding and Organizing Inspiration
04:29
Finding Good Images and Icons for Mockups
04:38
Section 4: Predesign Work
Section Intro
Preview
00:34
Our Course Client
01:37
Basic User Stories Made Easy
02:57
Simple App. Flow Diagram
08:05
Quick Wireframes in Sketch
09:59
Section 5: Designing Our Mobile Application
Section Intro
Preview
00:20
Launch Screen With Logo
05:56
Sign In Screen
07:57
Parent Home Screen - Part 1
09:08
Parent Home Screen - Part 2
05:56
Student Screen - Part 1
07:28
Student Screen - Part 2
02:41
Student Screen - Adding A Back Button
02:04
School Calendar Screen - Part 1
08:57
School Calendar Screen - Part 2
06:03
Screen Calendar Screen - Part 3
02:16
Lunch Menu Screen
04:03
Out Today Overlay Screens
04:38
Forgot Password & Password Reset Overlay Screens
02:41
InVision Icon Graphic
02:15
Section 6: Working with the InVision Application
Exporting Screens From Sketch Into InVision
05:23
Connecting Our Screens Together
08:50
Looking at Our Final Product
04:35
Section 7: Bonus Content
Introduction to Color Theory
05:51
Section 8: Wrapping Up
Thanks!
00:28

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:

Teaching
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