Hands on Sketch Training - Learn Mobile App Design

Learn mobile app design with Sketch by duplicating mobile app screens, logos, and more. From basic to advanced

4.50 (109 reviews)
Udemy
platform
English
language
Design Tools
category
instructor
3,604
students
17 hours
content
May 2017
last update
$19.99
regular price

What you will 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

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

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

Content

Introduction

Welcome to the Course!
Teaching Style & Pace
Asking Questions
Course Resources

Sketch Basics

Interface Overview - Artboards and Layers
Interface Overview - Toolbar Items
Interface Overview - Inspector
Interface Overview - Exporting
Creating & Editing Shapes
Working with Images
Using the Vector Tool
Sketch Basics - Quiz

Hands-On: Duplicating App Screens

01 - Workout Timer: Overview
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: Overview
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: Overview
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: Overview
04 - Steller Login screen: Part 1 (Left Side)
04 - Steller Login screen: Part 1 (Right Side)
05 - Avenger Chat: Overview
05 - Avenger Chat: Part 1 (Background & Header)
05 - Avenger Chat: Part 2 (Chat Pic & Message)
06 - Blog Profile: Overview
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
07 - Facebook: Overview
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

01 - Accuweather
02 - Facebook Messenger
03 - Photobucket
04 - Yahoo Weather
05 - Google Docs
06 - The Chive
07 - Dumb Ways to Die 2
08 - Plex Pass
09 - iOS App Store
10 - Fandango
11 - Google Cardboard
12 - iOS Mail
13 - Safari
14 - Google Play

Hands-On: Duplicating Everything Else

01 - Metallic Button
02 - Captain America's Shield
04 - Headphones
Cool Slider Button

Screenshots

Hands on Sketch Training - Learn Mobile App Design - Screenshot_01Hands on Sketch Training - Learn Mobile App Design - Screenshot_02Hands on Sketch Training - Learn Mobile App Design - Screenshot_03Hands on Sketch Training - Learn Mobile App Design - Screenshot_04

Reviews

Munawar
May 27, 2017
Worst Tutorial rather there are great tutorials on youtube than this courses!! It's just waste of time
Chloe-clo
April 28, 2017
Instructor​ makes a point of explaining concepts and practices that will save you time and help to develop your skills. I like that the variety of examples included and the creativity. Well worth the money for this course 5/5!
J
April 28, 2017
This course is very in-depth based on all the material being offered. It can seem overwhelming at times because I want to learn everything all at once, but I'm pacing myself. Recommended to all who are serious about learning Sketch. This is the course you want.
DesignChild
April 27, 2017
Do your homework when comparing Sketch courses on Udemy. Read the reviews, see what's being offered and watch the samples. After doing it myself, I narrowed it down to two courses and this was one of them. Very happy with my choice.
Brunella
April 27, 2017
I've been wanting to learn Sketch for a while now. Really like the way this course is structured and the way it's delivered.
Vance
April 24, 2017
Started with the mini version of this course and really like everything that's included with the full one. Instructor keeps it interesting with lots of practical examples.
Sandra
January 3, 2017
Great course. I wished it covered exporting practices a little more in-depth. The instruction goes over it briefly, but there are no exercises nor are is there any info on how to prepare your graphics for handing off to a programmer.
Nancy
December 28, 2016
I like his style and the organization of the course so far, 4 1/2 starts b/c it's kind of slow. But I adjusted the speed so that should help.
Bart
November 20, 2016
Thanks xoxo So far this is the best course I have taken. I can really feel that im learning. Updated course? Sure. Awesome course? You bet it is !
Ajani
September 8, 2016
Great instruction and easy to follow along. Plus you actually create a wide variety of things for practice.
Angie
July 26, 2016
Love the videos and the course so far and still a ton more content to get to. Do yourself a favor and take this course!
M.Sc.
July 22, 2016
Very knowledgeable instructor! Enjoying the course layout and the app screens included as part of the examples. I'd definitely recommend it.
Little
July 20, 2016
Really enjoying this course, just completed it! I was new to Sketch when starting and now I feel comfortable getting around and creating what I would consider basic and advanced app screens. Wish I knew about Sketch when it first came out.
Oscar
July 20, 2016
The instructor does a great job with clear and concise instructions, making learning Sketch for a newbie super easy!
Muhammad
July 12, 2016
I am an Instructor here on Udemy and i teach UI Design, haven't tasted Sketch yet. This Instructor is going in great direction. Very great intro lectures, I am on Windows so installed Sketch via virtual machine MAC. Great work here, i hope that this course get to be in the top courses for Sketch Wish you best of luck

Charts

Price

Hands on Sketch Training - Learn Mobile App Design - Price chart

Rating

Hands on Sketch Training - Learn Mobile App Design - Ratings chart

Enrollment distribution

Hands on Sketch Training - Learn Mobile App Design - Distribution chart
853364
udemy ID
5/18/2016
course created date
7/30/2019
course indexed date
Bot
course submited by