4.55 out of 5
4.55
20 reviews on Udemy

Sketch 3 – New Guide To iOS 8 Mobile App Design (2015)

From zero to PRO: UI UX MASTERCLASS to learn DESIGN by DOING! Create the YouTube Mobile App & 20+ icons with Sketch 3
Instructor:
UKILLIT Design
504 students enrolled
English [Auto-generated]
Build an application like a PRO
Draw UI icons from scratch
Set up your files like a professional
Properly export assets for all iPhone models


Last Updates

Jan 20 : Added 6 New Lessons On Colours & Colour Schemes

Jan 19 : Added 16 New Video Lessons About Icons


Launched on January 2015

Learn to Design Mobile iOS 8 Apps Like a PRO

TRY IT NOW! No risk thanks to Udemy's 30 days money back guarantee


100% PRACTICE – NO FRILLS

This masterclass focuses on teaching you high value and relevant content that will help you to design a mobile app.


HIGH VALUE FOR MONEY

– 30 detailed video lessons

– 30 icon design video tutorials

– All Sketch files available for download


MAKE YOUR APP IDEA COME TRUE and EVEN START FREELANCING

You already saw tons of great videos about the basics of Sketch 3. You downloaded lots of great freebies. You also found videos about how to create a super basic app.

We decided to bring you something more valuable:

1. Recreate a real-word PRO app

2. Keep your layers and groups well organised

3. Properly use Shared Styles, Text Styles and Symbols

4. Design all the icons needed in the project

5. Learn the most effectively way to deploy your assets and guidelines to your developer


WHY SKETCH 3 and not ADOBE PHOTOSHOP or ILLUSTRATOR?

Sketch 3 is a modern and hyper successful vectorial app used by top designers at Google, Dropbox, Twitter, Facebook and many other famous tech companies and small startups. Sketch 3 has an high quality fast growing community of talented designers and as of now it is considered the best choice from top designers worldwide. While Photoshop and Illustrator are amazing tools, they was created for other purposes, and then used for UI and UX design. This makes them more complicated to learn and sometimes less effective (e.g. when exporting assets or when managing projects with lots of screens and assets). Whether you are completely new to app design or just want to switch from Adobe, Sketch 3 is probably the best app to learn at the moment. Check out bohemiancoding website for more info

Download Area

1
Link to download Sketch files

Introduction

1
Introduction
2
Shortcuts you should know before to start this course
3
How we will align layers

Understand Resolutions

1
Pixels VS Points
2
What resolution should I design for?
3
Different iPhone resolutions

In this lesson we move a step forward diving into the different iPhone resolutions with the help of the great "Ultimate Guide To iPhone Resolutions" by PaintCode

4
Resources

Find here links to interesting resources to further understand Resolution in the contest of UI design

Introduction To Standard Dimensions

1
A quick talk about dimensions
2
How to use standard elements at different resolutions

Colours & Colour Schemes

1
Introduction to colours
2
Create a monochromatic colour palette in Sketch
3
Create a colour palette with analogous colours in Sketch
4
Create a neutral colour palette in Sketch
5
Create a colour palette online
6
Get inspired by real life photos

Design The YouTube Side Menu

1
Set up background and guides
2
Create profile section
3
Create a reusable navigation menu item
4
Create a reusable section header item
5
TIP > Build an archive
6
Build the side menu structure Part 1
7
Build the side menu structure Part 2
8
Implement icons
9
iOS 8 blur effect and set up icon color shared style
10
Highlight menu selection
11
Notification alerts

Design The YouTube Channel Screen

1
Status and navigation bar
2
Cover and profile photos
3
Upload section
4
Tab menu section
5
Create a reusable content block Part 1
6
Create a reusable content block Part 2
7
Add graphic elements
8
Reusable content block implementation
9
Finalize the screen: add icons

Design The YouTube Player Screen

1
Set up the player
2
Video info section Part 1
3
Video info section Part 2
4
Channel info section
5
Set up the suggestions header section
6
Create a reusable suggestions block
7
Finalize and implement suggestions block
8
Add icons
9
Finalize the player

Learn How To Create Your Own Icons For This Project

1
Introduction and resources
2
Pause & Play ( Basic shapes )
3
Side Menu ( Basic shapes )
4
Playlist (Basic shapes )
5
Upload ( Basic shapes )
6
Search ( Basic shapes )
7
What To Watch ( Basic shapes )
8
Minimize ( Flat shapes )
9
Watch Later ( Shape rotation point )
10
Settings ( Rotate copies )
11
My Subscriptions ( Vector points )
12
Notifications ( Vector points )
13
History ( Vector points )
14
My Channel ( Vector points & Bezier curve )
15
Thumb Up ( Vector points & Bezier curve )
16
CHALLENGE: Create Thumb Down

Learn How To Export Your Assets For Development

1
Export Artboards
2
Export Assets For Development ( layer technique )
3
Export Assets For Development ( slice technique )
4
What To Export and Style Guides

EXTRAS

1
20% OFF - SKETCH BASICS & EXERCISES
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.6
4.6 out of 5
20 Ratings

Detailed Rating

Stars 5
12
Stars 4
4
Stars 3
3
Stars 2
1
Stars 1
0
4354f30d095248992ada1e4686dc82b2
30-Day Money-Back Guarantee

Includes

5 hours on-demand video
9 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion