Sketch 3: learn to create mobile and web designs

Adria Jimenez, Software Engineer, Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
66 Videos (5h 49m)
    • Welcome

      3:00
    • Course Resources Sketch 3 Download

      0:33
    • Download Sketch 3

      0:59
    • Pages and Artboards

      5:57
    • New Sketch 3 file format

      2:04
    • Improved and easier to use UI

      2:08
    • Reuse everything! Symbols

      9:58
    • Working with text is now much easier

      3:35
    • Work once and export for everything

      3:17
    • iOS 8 trends

      2:48
    • Easy iPhone design

      3:12
    • Working pixel perfect

      2:34
    • Share your designs with your teammates with Sketch native feature

      3:53
    • Get more of Sketch 3

      1:06
    • Sketch plugins

      2:59
    • Distances between objects

      1:24
    • Duplicate fast and effective

      1:41
    • Preview your designs in any phone for free

      4:25
    • Preview the designs on your iPhone

      2:33
    • Improving Sketch performance

      1:44
    • Setting default style

      1:38
    • Master the corner radius

      1:32
    • Define your color palette

      3:37
    • Master your font rendering

      1:15
    • The rotation tool

      1:00
    • Prepare your current designs for the iPhone 6 Plus

      2:37
    • Sketch trick: Huge reduction of Sketch file size

      3:29
    • Export your assets to Android

      5:37
    • Whole perspective of your work in progress

      3:16
    • Documenting your designs

      6:09
    • Sketch 3 Smart Select, how to improve your selection speed

      1:41
    • How to create fast wireframes using Sketch

      5:26
    • Learn to install fonts in batch

      3:04
    • Create styled texts in a very easy and fast way

      3:06
    • Handling your designs to the developers

      8:29
    • Learn how to easily switch styles

      3:08
    • Adding custom shortcuts to Sketch

      1:41
    • What's new in Sketch 3.3

      7:23
    • What's new in Sketch 3.4

      8:42
    • Customizing layer handing

      3:08
    • Create a call to action button to improve your app sales

      3:38
    • Creating an app navigation

      11:48
    • App creation, the initial splash screen

      3:39
    • Creating a landing page part 1

      14:31
    • Creating a landing page part 2

      5:45
    • Learn how to create charts that sell - Bar chart

      17:14
    • Learn how to create charts that sell - Doughnut chart

      4:40
    • Creating App Store screenshots

      2:44
    • How to create an app icon in Sketch

      3:54
    • Exporting Mac application icon

      3:16
    • Designing a Youtube Video Cover

      10:31
    • Create an app icon + Splash screen

      0:44
    • Create an app icon + Splash screen Solution

      8:08
    • User profile with stats and pictures

      0:58
    • User profile with stats and pictures Solution

      17:38
    • Designing new Dropbox Android app with material design

      0:57
    • Creating the material design components

      10:15
    • Creating the Dropbox content reusing components

      15:56
    • Learn how to code a product sales landing page

      17:02
    • Product sales landing page - Part 2

      14:55
    • Learn how to code your designs - Product testimonios

      8:49
    • Learn how to move your designs from Sketch to Xcode

      11:52
    • Export your sketch designs to Framer to start prototyping

      10:53
    • Exporting your Sketch designs to Origami 2.0

      7:28
    • Export your designs to Marvel to prototype your app

      4:32
    • Course conclusion

      1:06