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 (52 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,513 students enrolled
Instructed by UKILLIT Design Design / Design Tools
$20
Take This Course
  • Lectures 32
  • Contents Video: 3 hours
    Other: 1 min
  • 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 11/2014 English

Course 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 !!! :)

What are the requirements?

  • A Mac computer that can run Sketch 3
  • Sketch 3 ( AVAILABLE IN FREE TRIAL ALSO )

What am I going to get from this course?

  • UNDERSTAND FUNDAMENTALS OF SKETCH 3
  • DESIGN SIMPLE APP and WEB USER INTERFACES (UI)
  • CREATE SIMPLE ICONS
  • APPROACH MORE COMPLEX TUTORIALS AND PROJECTS

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

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: Introduction to Sketch
03:11

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

04:22

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

Section 2: Standard shapes
08:56

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.

06:40

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

FOR THE BRAVE - CHALLENGE 1
00:30
00:39
DOWNLOAD THE ATTACHED FILE
Section 3: Boolean operations
04:03

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

00:49
In this challenge you will have to create a circle with border using boolean operations instead of the shape border attribute.
01:03
DOWNLOAD THE ATTACHED FILE
04:49
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
05:48
DOWNLOAD THE ATTACHED FILE
07:42
A step by step guide in which you will recreate from scratch an icon from the website TheNounProject. DOWNLOAD THE ATTACHED FILE
Section 4: Scale tool
03:26
You will learn when it is necessary to use the Scale feature and why that is important. DOWNLOAD THE ATTACHED FILE
Section 5: Make it right
03:39

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

06:40

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.

Rulers and guides
06:17
Section 6: Transform tool
01:30

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.

06:03
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
07:30
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.
Section 7: Masks
07:00
You will learn the 2 ways available to create a mask and understand when to use one or the other. DOWNLOAD THE ATTACHED FILE
05:12
A step by step guide to create the famous iOS8 Blur Effect using the mask feat we just learnt. DOWNLOAD THE ATTACHED FILE
Section 8: Rotate copies
03:26
You will learn how to quickly rotate layers around a central point and get ready for the upcoming CASE STUDY.
07:19
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
Section 9: Text layers
Introduction to text layers
08:35
03:59

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.

Shared text styles
10:06
Section 10: Create your first wireframe and design
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
Article
Section 11: EXTRA: New Masterclass UI Design
GET 50% OFF ON MY ADVANCED COURSE
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