Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Sketch Course - UI Design

Greg Rog, learnux.io

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
50 Videos (7h 20m)
    • Introduction

      3:27
    • Navigation through Document

      5:42
    • Making Selections

      6:00
    • Pages and Artboards

      7:02
    • Layer Organization

      4:06
    • Boolean Operations on Shapes

      7:09
    • Working with Shapes

      9:54
    • Vector Tools

      10:20
    • Transforming Shapes

      8:33
    • Advanced Transformations

      7:27
    • Aligning Elements

      10:20
    • Resizing Options In Sketch

      9:32
    • Using Masks

      9:21
    • Exporting Assets

      11:29
    • Mathmatical Operations

      5:59
    • Pixel Grid

      5:07
    • Working with Symbols

      13:15
    • Sketch Libraries

      8:33
    • Working in 1x Scale

      9:11
    • Grid Layout

      7:51
    • Drafts and Mockups

      7:03
    • Choosing Colors

      11:13
    • Colors and Symbols

      7:54
    • Typography Tools

      7:30
    • Creating Type Ramp

      8:19
    • Designing Top

      11:31
    • Home Add Ons

      10:30
    • Organizing and Naming Assets

      12:05
    • Different Home Screens

      10:34
    • Button Variants

      7:25
    • iOS Preview

      2:59
    • Login Screen

      12:05
    • Home Screen

      9:31
    • Main Screen

      9:17
    • Settings Screen

      12:24
    • Devices Screen

      14:25
    • Actions Screen

      10:48
    • Action Detail Screen

      5:26
    • Bottom Menu

      7:48
    • Alarm Screen

      11:48
    • Senses and Blinds Screen

      11:27
    • Lamp Screen

      14:14
    • Temperature Settings

      6:13
    • Cameras Screens

      10:26
    • Porting to Different Screens

      12:50
    • Intro to Marvel

      7:58
    • Defining Hotspots and Transitions

      13:32
    • Readymade Prototype

      5:39
    • Using Sketch Cloud

      6:03
    • Goodbye

      0:49

About This Class

Version: This is the only course on Udemy featuring the latest features of Sketch such as Libraries.

Sketch is an application which has already won the hearts of UI and UX designers around the world, even though just about anybody can learn how to use it. Among all the advantages, too numerous to list here, Sketch has a big disadvantage – it is only available for macOS. If you are one of the lucky owners of a Mac, though – it would be a waste not to make use of the potential of Sketch. Let me assure you that designing interfaces has never been so fast, and most of all – pleasant!

Course highlights:

  • Practical, A-Z project of App design
  • Tips & Tricks, make most of Sketch Tools
  • Vector Tools and Symbols
  • Colors, Icons, and Typography
  • BONUS! Creating a working, interactive Prototype

The course has been designed to show you full functionality of Sketch, to teach you how to best make use of its potential. Some of the topics are best presented over the course of a few, theoretical lessons, for example exporting graphics. Others, such as preparation of resources for a new project are better explained in practice. That is why I decided to divide the course into two parts. The first one is a greatly compressed compendium of hundreds of important techniques, key shortcuts, tips and tricks. Because of how vast the knowledge condensed in the video is, it was recorded with fast narration, so if you need to… don’t hesitate to stop the video and go back to any of the lessons, even the basic ones. The other half of the course is entirely practical. We focus on the use of learned techniques to design a few screens of an intelligent home app. Studying both parts of the course will teach you all the necessary theoretical concepts and equip you with practical skills needed in your everyday work on projects.

The second half of the course is focused on designing a complete project in Mobile First scheme. It will serve as a testing ground for particular combinations of techniques you must learn and use in the real projects. First, we configure the Grid and Artboard settings, then we move on to designing the icons and Symbols, and finally we create final application boards. Testing all the functions of Sketch you have learned about in theory, will showcase their practical usage and teach you good designing habits.

2 of 2 students recommendSee All

Awesome, professionally created course
Greg is very good at explaining step by step Sketch! Thanks!
Pedro Rodrigues

“The old is dying, the new struggles to be born, a