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
4.1 (12 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.
470 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 66
  • Length 5.5 hours
  • Skill Level All Levels
  • Languages English
  • 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 1/2015 English

Course Description


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

What are the requirements?

  • A Mac
  • Sketch 3 or Sketch 3 Beta or Sketch 3 Free Trial
  • We included a short introduction to those features/shortcuts that are used the most in the course, but having a basic understanding of Sketch 3 will help. Check out our Sketch 3 basic course "Sketch 3 App Design. Switch from Adobe Photoshop Illustrator", Sketch 3 official manual or YouTube resources

What am I going to get from this course?

  • 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

What is the target audience?

  • Created for BEGINNERS/INTERMEDIATES who want to GO A STEP FORWARD in UI DESIGN
  • 100% LEARN BY DOING
  • You should take this course if you want to learn HOW TO WORK LIKE A PRO

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: Download Area
Link to download Sketch files
Article
Section 2: Introduction
Introduction
Article
Shortcuts you should know before to start this course
Article
How we will align layers
Article
Section 3: Understand Resolutions
Pixels VS Points
Preview
02:44
What resolution should I design for?
06:01
07:57

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

Article

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

Section 4: Introduction To Standard Dimensions
A quick talk about dimensions
08:04
How to use standard elements at different resolutions
22:02
Section 5: Colours & Colour Schemes
Introduction to colours
Article
Create a monochromatic colour palette in Sketch
02:04
Create a colour palette with analogous colours in Sketch
01:56
Create a neutral colour palette in Sketch
01:39
Create a colour palette online
04:22
Get inspired by real life photos
02:05
Section 6: Design The YouTube Side Menu
Set up background and guides
04:22
Create profile section
06:52
Create a reusable navigation menu item
02:35
Create a reusable section header item
02:44
TIP > Build an archive
03:16
Build the side menu structure Part 1
02:47
Build the side menu structure Part 2
07:14
Implement icons
08:35
iOS 8 blur effect and set up icon color shared style
04:27
Highlight menu selection
04:56
Notification alerts
08:56
Section 7: Design The YouTube Channel Screen
Status and navigation bar
05:59
Cover and profile photos
02:10
Upload section
06:37
Tab menu section
09:44
Create a reusable content block Part 1
04:42
Create a reusable content block Part 2
03:48
Add graphic elements
05:05
Reusable content block implementation
03:08
Finalize the screen: add icons
04:09
Section 8: Design The YouTube Player Screen
Set up the player
03:56
Video info section Part 1
03:59
Video info section Part 2
04:51
Channel info section
09:14
Set up the suggestions header section
05:06
Create a reusable suggestions block
10:28
Finalize and implement suggestions block
Preview
10:12
Add icons
05:28
Finalize the player
09:45
Section 9: Learn How To Create Your Own Icons For This Project
Introduction and resources
Preview
Article
Pause & Play ( Basic shapes )
01:25
Side Menu ( Basic shapes )
00:58
Playlist (Basic shapes )
01:13
Upload ( Basic shapes )
01:12
Search ( Basic shapes )
01:39
What To Watch ( Basic shapes )
01:12
Minimize ( Flat shapes )
01:41
Watch Later ( Shape rotation point )
03:04
Settings ( Rotate copies )
05:18
My Subscriptions ( Vector points )
02:13
Notifications ( Vector points )
02:27
History ( Vector points )
03:56
My Channel ( Vector points & Bezier curve )
Preview
14:35
Thumb Up ( Vector points & Bezier curve )
12:00
CHALLENGE: Create Thumb Down
Article
Section 10: Learn How To Export Your Assets For Development
Export Artboards
07:25
Export Assets For Development ( layer technique )
04:19
Export Assets For Development ( slice technique )
11:41
What To Export and Style Guides
12:46
Section 11: EXTRAS
20% OFF - SKETCH BASICS & EXERCISES
Preview
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

UKILLIT Design, Learn Sketch 3

Hello!

UKILLIT is on online place to learn app design, designed for beginners and intermediates and focusing on Sketch 3 from BohemianCoding mainly

Hope you enjoy my courses :)

I share freebies on my YouTube Channel also. Feel free to subscribe :)

Ready to start learning?
Take This Course