Sketch 3 Basics and Step By Step Design Exercises
4.4 (66 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,555 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Sketch 3 Basics and Step By Step Design Exercises to your Wishlist.

Add to Wishlist

Sketch 3 Basics and Step By Step Design Exercises

Learn the fundamentals of Sketch3 with easy step-by-step examples. Switch from Photoshop & Illustrator & build iOS apps
4.4 (66 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,555 students enrolled
Created by UKILLIT Design
Last updated 1/2015
English
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • UNDERSTAND FUNDAMENTALS OF SKETCH 3
  • DESIGN SIMPLE APP and WEB USER INTERFACES (UI)
  • CREATE SIMPLE ICONS
  • APPROACH MORE COMPLEX TUTORIALS AND PROJECTS
View Curriculum
Requirements
  • A Mac computer that can run Sketch 3
  • Sketch 3 ( AVAILABLE IN FREE TRIAL ALSO )
Description

First published on November 2014

________________________________________________________________________

This Course Had More Than 1100 Delighted Students

- One Of The Most Important Things Is To Get The Fundamentals Right

- This Course Is Special Because It Teaches Using Step By Step Examples

________________________________________________________________________

30 DAYS 100% MONEY BACK GUARANTEED FROM UDEMY

Not Happy With The Course? You Can Ask Your Money Back To Udemy Within 30 Days From Purchase, With A Simple Click

________________________________________________________________________

The course teaches you how to use SKETCH 3, which is probably the most powerful yet simple new generation design software available at the moment.

Sketch has been specifically created for APP and WEB DESIGN. That is why Sketch has been chosen by top designers at GOOGLE, DROPBOX, FACEBOOK and TWITTER among other top web companies and startups.

The course is designed to be taken by absolute beginners and is also valuable for intermediate designers who want to transition from other traditional softwares such as Photoshop, Illustrator and Fireworks.

Have fun !!! :)

Who is the target audience?
  • This course is meant for BEGINNERS who want to learn designing apps or websites the right way from day one
  • This course is meant for DIGITAL ENTREPRENEURS who want to become independent when they need to design and prototype their app ideas. This way it is possible to accelerate the product creation process, dramatically reduce costs connected with reiteration and testing and have full control over your idea design. I estimated these saving - and personally experienced them - to be between 8k and 20k depending on the app scope
  • This course is meant for DESIGNERS who want to transition from Photoshop, Illustrator or Fireworks
  • This course is meant to be PRACTICAL and to provide you with the TOOLS needed to start crafting a real app, icon or website. If you are looking for a course about DESIGN PRINCIPLES - E.G. how to choose the right colour combinations or proper fonts for your app - then this is NOT the course for you. In case you are a beginner, I personally suggest that you start with this course and later on refine your designs studying those kind of principles. It is more fun and more intuitive.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 32 Lectures Collapse All 32 Lectures 03:02:35
+
Introduction to Sketch
2 Lectures 07:33

An introduction to working canvas, toolbar, list of layers, inspector, pages and artboards.

Preview 03:11

You will learn several ways to insert a generic layer including special tips.

How to deal with layers
04:22
+
Standard shapes
4 Lectures 16:45

You will learn everything about the 8 different shapes provided by Sketch and be able to face the following lessons including complex shapes created using Boolean Operators.

Introduction to standard shapes
08:56

You will learn all about borders including how to create, position and style them.

How to deal with borders
06:40

FOR THE BRAVE - CHALLENGE 1
00:30

DOWNLOAD THE ATTACHED FILE
SOLUTION - CHALLENGE 1
00:39
+
Boolean operations
6 Lectures 24:14

Boolean Operators represent a powerful yet simple way to quickly create complex shapes and icons.

Introduction to boolean operations
04:03

In this challenge you will have to create a circle with border using boolean operations instead of the shape border attribute.
FOR THE BRAVE // CHALLENGE 2
00:49

DOWNLOAD THE ATTACHED FILE
SOLUTION - CHALLENGE 2
01:03

Now that you know how to create a border layer using booleans, you will learn how to do it automatically using Vectorize Stroke. DOWNLOAD THE ATTACHED FILE
Vectorize stroke
04:49


A step by step guide in which you will recreate from scratch an icon from the website TheNounProject. DOWNLOAD THE ATTACHED FILE
CASE STUDY 2 // Recreate a Bus icon from Thenounproject.com
07:42
+
Scale tool
1 Lecture 03:26
You will learn when it is necessary to use the Scale feature and why that is important. DOWNLOAD THE ATTACHED FILE
Learn how Scale is different from Resize
03:26
+
Make it right
3 Lectures 16:36

You will learn how to group layers for organizational and technical purposes.

Keep your file clean and well organized: groups and naming
03:39

You will learn how to quickly and effectively measure distances between layers and objects. Super important to become a pro, speed up your way of working and ensure to deliver quality designs.

How to measure distances
06:40

Rulers and guides
06:17
+
Transform tool
3 Lectures 15:03

You will learn all about the TRANSFORM tool and get ready for the upcoming CASE STUDY where you will recreate an icon using it in combination with Boolean Operators as well.

Introduction to the transform tool
01:30

Put in practice the new learning about the TRANSFORM TOOL and create a cool GLASS ICON. The case study also requires you to know - standard shapes - booleans operations - create a shape with border with booleans. DOWNLOAD THE ATTACHED FILE
CASE STUDY 1 // Recreate a Glass icon
06:03

You will recreate an icon ( the italian highway traffic signal ) with requires the use of the transform tool. You will also start using the inspector to transform a shape.
CASE STUDY 2 // Recreate the Italian Highway traffic sign
07:30
+
Masks
2 Lectures 12:12
You will learn the 2 ways available to create a mask and understand when to use one or the other. DOWNLOAD THE ATTACHED FILE
How to create masks
07:00

A step by step guide to create the famous iOS8 Blur Effect using the mask feat we just learnt. DOWNLOAD THE ATTACHED FILE
CASE STUDY 1 - Recreate the famous iOS 8 blur effect
05:12
+
Rotate copies
2 Lectures 10:45
You will learn how to quickly rotate layers around a central point and get ready for the upcoming CASE STUDY.
Introduction to rotate copies
03:26

A step by step guide to create a watch icon: a great example in which the Rotate Copies tool would save you time ensuring great results. DOWNLOAD THE ATTACHED FILE
CASE STUDY 1 - Recreate a clock icon
07:19
+
Text layers
3 Lectures 22:40
Introduction to text layers
08:35

An example in which you will learn the right way to apply different styles (weight, font, colour, etc) to different parts of a single text layer.

Preview 03:59

Shared text styles
10:06
+
Create your first wireframe and design
5 Lectures 52:49
Create the app wireframe
15:08

Design the app login screen
09:26

Design the app feed screen
16:22

Design the app article screen
11:24

END OF THE COURSE
00:29
1 More Section
About the Instructor
UKILLIT Design
4.5 Average rating
80 Reviews
1,830 Students
2 Courses
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 :)