Sketch 3: learn to create mobile and web designs

Learn the latest version of Sketch that let's everyone create designs and prototypes fast. Learn Sketch 3 design.
4.0 (237 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.
3,650 students enrolled
Instructed by Adria Jimenez Design / Design Tools
$55
Take This Course
  • Lectures 78
  • Contents Video: 6.5 hours
    Other: 10 mins
  • 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 9/2014 English

Course Description

Last course update September 15th go to the end of the course details to see all the constant updates!

Updated with latest Sketch 39 version changes

Join more than 3600 students to learn how to use Sketch 3 to create designs for mobile and websites easy and fast. This is the most up-to-date and complete Sketch course you'll find!

This course teaches you step by step how to get all the power of sketch and the power of the latest additions to design greats applications and websites. You will be designing in less than an hour thanks to the tips I am giving in the lessons and all of the resources and symbols you will get included in the course price.

What you are getting:

  • Learn to use Sketch from zero to advanced level
  • Mastering Sketch with advanced techniques and tips
  • Complete design challenges with step by step solutions
  • Hundreds of resources to speed up your design process
  • Learn about latest iOS 9 trends and how to easily apply them with Sketch
  • Complete extra course about vectors
  • Complete process for exporting your Sketch designs to HTML + CSS
  • Learn to design pixel perfect
  • Step by step examples of real designs
  • Showcase of exporting, importing and using your assets to Xcode, Framer, Origami and Marvel
  • Course updates with new material and lessons added regularly
  • So much more, check the lectures to see everything that is included!

----------------------------

Forget about Photoshop as it is not a tool for designing interfaces, Sketch is the new tool that let you create quickly and easily designs for your mobile devices and web, Android iPhone or Windows phone.

Learn how to work quickly with the app following my method and be ready to create designs fast and in a very easy way.

Join the new era of designers, change to Sketch and start designing and prototyping fast.

The course includes all you need to know to start designing. Even if you are a novice or an expert, you will be able to do this course as you'll have lessons with the basics of vectors and the more advanced techniques and tips.

This course is targeted for designers, UX, freelancers, developers or all kind of people that will like to design in an easy and up to date way.

Don't lose more time with photoshop or fireworks and learn now to use Sketch 3 for better work results.

Last course updates:

Updated on 15th September new resources for the just released iOS 10

Updated on 26th August new resources for easily creating an app icon

Updated on 18th August new lesson showing how the new symbol resizing works

Updated on 17th August new lesson added showing how to create icons

Updated on 5th July added resources for creating landing pages easily

Updated on 20th June new iOS 10 free resources included

Updated on 1st June new lecture showing the new symbols management

Updated on 22nd April new lecture added

Updated on 14th April Sketch 3.7 support

Updated on 6th April new lessons re-recorded for better quality

Updated on 15th March new lesson added to the course to learn how to create youtube covers

Updated on 10th March new lesson explaining how you can create pixel perfect designs in Sketch

Updated on 3rd March Sketch 3.6 support

Updated on 24th February new content and resources available to download

Updated on 15th February new resources added to speed up your design process

Updated on 11th February new lessons added to the course

Updated on 4th February new free resources added to the course content

Updated on 28th January Sketch 3.5 support

Updated on 14th January added lesson showing how to use Smart Select

Updated on 11th January new UI Kit added to improve easily your designs for free

What are the requirements?

  • Mac computer
  • Sketch 3 full or trial version
  • Willingness to learn the new tool for designers

What am I going to get from this course?

  • Learn to use Sketch from zero to advanced level
  • Mastering Sketch with advanced techniques and tips
  • Complete design challenges with step by step solutions
  • Hundreds of resources to speed up your design process
  • Complete extra course about vectors
  • You will learn how to organize your work
  • Learn from experienced profiles
  • Complete process for exporting your Sketch designs to HTML + CSS
  • Step by step examples of real designs
  • Export assets, import and use them in Xcode and Framer
  • Learn about latest iOS9 trends and how to easily apply them with Sketch

What is the target audience?

  • Designers
  • User interaction
  • iPhone or Web developers/engineers
  • People that currently uses Photoshop

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
03:00

Welcome to the course. This is the introduction and the next steps.

00:59

Where you can get Sketch and how to get always the latest features.

Article

Learn the basics of Sketch with this free course that will explain you the basics of the layers, how to work with paths, shapes, etc. Everything you need to master your basics with Sketch.

04:49

Learn how to organize your work, that's something really important if you want to be in the business specially if you are working with a team of people where more than one person is using the same Sketch files.

02:04

Discover the changes in Sketch file formats and how can you deal with it. The new format is much faster and easier to share.

01:26

Learn in this lesson how you can use the fill utility for layer filling

4 questions

Test your basic knowledge before proceeding

Section 2: Improve your workflow
02:08

The new and totally improved interface of Sketch will help you to speed your design process and with the new menus and layouts you should be able to locate everything at a glance.

This lesson will take a quick look over the interface that we will be using later during the course.

09:58

Symbols are a key factor when using Sketch. Learn in this lesson how this can benefit your flow. And after doing the lesson try to master the use of them.

03:35

Thanks to the new changes in Sketch 3, you can now work really easy and make fast changes to your text without any effort.

03:18

Learn how to export the assets so they are ready to reuse for your developers.

Each day is more difficult to keep up with the different sizes and resolutions the different devices are getting, Sketch solves this issue and you'll be able to have everything ready in an easy and fast way.

02:48

Starting from iOS 7, it marked a new standard way of doing things. Learn how with Sketch you can be easily following the standards.

03:12

Learn how to do easy and fast iOS designs. Using this technique you'll be able to reuse components and create your iOS designs faster than before.

02:34

Learn how you can easily turn your design pixel perfect.

06:38

Many times you need to share your designs with your team members, coworkers or clients but asking them to install Sketch is not possible or slow in most of the cases. This lesson will show you a trick to share your designs easily.

Workflow knowledge
5 questions
Section 3: Mastering Sketch
02:59

The plugins help you to speed up your design and wireframing process by helping you with a lot of different ways.

In this lesson you'll see how easy is to deal with the plugins in Sketch 3.

01:24

Learn how to position everything in the right place so your designs doesn't look messy. Everything in place and in order with the Smart Guides and some tricks to see where everything should be.

01:41

Rapid your prototyping or design speed with this trick. Start creating screens really fast thanks to the new Sketch 3 options.

04:25

Learn how to preview your designs in any phone with a complete free tool.

02:33

Learn how can you see your designs in realtime on your phone. It's really easy and you'll love it.

01:44

When you are dealing with hundreds of objects on the screen sometimes your Mac needs some air. This lesson will explain how can you improve the performance of sketch and make your big slow designs to work as double as fast.

01:38

Learn how to apply the style that you want to the elements in Sketch. It's easy and can improve your workflow a lot.

01:32

There is a way to customize the corner radius of your designs in a separate way. Learn here how to do it.

03:37

Learn to create a color palette so your designs follow an attractive palette.

01:15

If you want to get the most reliable detail you should see this lesson.

It covers what you need to do to get a really accurate visualization of your designs when you are creating for the phones or for the web.

01:00

One of the less used features in Sketch that provides an amazing power for the user. Learn how to create shapes in an easy way.

02:37

This lecture will show you a really fast way to make all your current designs ready for iphone 6 plus with just one click.

03:29

When you start dealing with big images and a lot of resources, your sketch files can grow pretty fast.

Learn here how to deal with this and make small and thin files that you can easily share everywhere.

05:37

Learn how to export assets to be used into an Android application

Article

Sketch 39 adds the ability to resize symbols following different options. This lesson covers the different options and how they work.

03:16

Learn how you can easily take a look of you whole work in progress to combine your current work with your whole design in a way that you don't loose control.

Article

This lesson will teach you a tip to view your whole project easily in perspective.

01:42

Being agile in Sketch is very important, specially if it’s the tool you’ll use everyday. Learn in this lesson how the smart select works and how you can benefit.

06:09

Document your designs is something very important that can boost your team work. This lesson will show you an easy way to do it.

03:53

Learn in this lecture how to easily share your designs with your teammates or colleages

Test your Sketch 3 knowledge
4 questions
Section 4: Improving your design skills and speed
Article

Designing with Pixel Precision in mind is really important. Here you can learn how to do that.

Article

Discover a curated list of resources from where you can take thousands of complete free to use fonts to improve your design speed and to create stunning designs and prototypes.

05:26

Learn an easy and fast way to create wireframes in Sketch

03:04

There is an easy way to quickly install fonts and make them available in Sketch. This lesson will tell you how can you download a lot of fonts and how to easily install them on your Mac.

03:06

There is a nice feature in sketch that let's you work with texts and move them following a path. Discover it in this lesson.

08:29

Learn how to properly handle your designs to the developers so they can develop your apps and websites as fast as possible.

03:08

This lesson will show how you can easily switch between your styles so you can easily have different styles applied to your different elements.

05:53

Learn how you can do autolayout with your Sketch designs

Article

Grab here an iPhone 6 that you can use in your designs.

4 pages

Be the master of Sketch and multiply your design speed. Using your keyboard to do some repetitive things will get you to the master of Sketch level.

01:41

Learn how you can easily add new shortcuts to your Sketch application

07:23

Sketch 3.3 has some new features that will improve your design speed. Check them here.

08:42

This lesson will teach you the new features of Sketch 3.4

03:08

Last Sketch version includes an option to improves how you work with layers. This lesson will teach you how to use that feature to make you even more productive.

Section 5: Design creation
03:38

This lesson will teach you how you can create with Sketch a call to action button that will help to boost your product sales.

11:48

This lecture will teach you how to create an app navigation menu so the users can navigate through your hole application. You will also learn about the techniques of combining colors.

03:39

Learn how to create an mobile app launch screen within minutes. With Sketch is really easy and fast to do if you know how to.

14:32

One of the most important things when you create an app or a website is a good looking website to sell your product. In this lesson we will build one from scratch and you will learn how easy and fast is to create landing pages with sketch.

05:45

This is the second part of the creation of a landing page.

17:14
Displaying the information is really important specially when you have to attract the people, for example in an infographic. Learn in this lesson how to design bar charts.
04:40
Displaying the information is really important specially when you have to attract the people, for example in an infographic. Learn in this lesson how to design doughnut charts.
02:44

This lesson will tell you where you can find the place to create app store screenshots really easy from your sketch files.

03:54

This lesson will show you how to design an icon for your app.

03:16

If you create a Mac application icon you will need to know how to export it in order that others can set it as the icon of their apps or that your developers can assign it in your app. Learn in this lesson how to do so.

02:26

This lesson will show you how to create apple watch circle designs easily and fast

10:31

Sketch is not only for creating mobile and app designs, you can design anything with that. Possibilities are endless. In this lesson we are going to see how to quickly create a youtube thumbnail cover and some of the tips and tricks that youtubers use nowadays to make their videos stand out.

Section 6: Challenges
00:44
Test yourself and check if you can create the icon of airmail and a splash screen for the app.
08:08
Here you can find the solution to the previous challenge. If you already achieved it, then go ahead and continue to the next one!
00:58
A new challenge for you, create a profile screen with some data pictures and information about the user.
17:38
Learn how to create a profile screen with some different components. You can skip this lesson if you already got the right solution!
00:57

This is a challenge for yourself! Try to build the new and redesigned dropbox application for android that features material design. Next lectures will guide you step by step how you can do it in case you are lost and don't know how to proceed.

10:15

Learn how to reuse existing components to speed up your material design android designs

15:56

This lesson will follow up the challenge creating the content of the Dropbox app and reusing some of the existing components previously created.

Section 7: From Sketch to other Apps
11:52

Are you doing an iPhone App? Learn in this lesson how to export your designs and import them easily in Xcode.

10:53

Learn how to export your designs to Framer to start adding interaction and prototypes to them

Article

Now it's time to learn how to use Framer with your designs.

07:28

Origami 2.0 has the option to import live images. Learn in this lesson how you can export your assets to use them in Quartz Composer.

04:32

Marvel offers an easy way to quickly prototype your applications. Learn in this lesson how you can tie Sketch together with it for a rapid way of designing and prototyping.

Section 8: From Sketch to Web HTML + CSS
17:02

The first step to moving your designs to code.

14:55

Let's continue doing the migration of your design to code. This is getting fun!

08:49

Add testimonios from your design to the page, learn in this lesson how to do so.

13:23

This lesson will show you how to move the product description of your design to HTML+CSS

Section 9: Course conclusion
Article

Find in this lesson a collection of hand picked resources where you can get thousands of elements for free to your collection.

This will improve a lot your design process.

01:06

You did all the course. Amazing! Let's see which are the next steps.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Adria Jimenez, Software Engineer, Designer

I love creating software and teaching how to be more successful.

Currently I work at Xing creating software for millions of people. I've worked in other big and successful companies like Softonic, Honda or Fnac creating websites, apps, designs and software.

I really enjoy teaching people new skills so they can improve their lives.

All my life I've been surrounded by computers. As a child, my father - who was a programmer back then - introduced me to the world of computing, that marked me forever. Years later, after hours and hours in front of computers, I am dedicated to my passion: code.

I try to do my best to achieve the best result day by day.

Ready to start learning?
Take This Course