Win a Free Class!

Join our email list for a chance to win

Sketch in a Day

Design the User Interface of Websites & Apps

Sketch is a Mac app that was built with the specific needs of a modern web designer (or app designer) in mind. Unlike some other image editing programs—which were originally created for print, photo retouching, or illustration—the entire focus of the Sketch app is on designing user interfaces.

Sketch uses Artboards, so you can efficiently design web layouts for mobile, tablet, and desktop (or screens for apps). It’s vector-based, so you can scale for a variety of screen sizes with ease, as well as export hi-res (Retina) graphics for the web or apps. You’ll find tools and features specifically relevant to User Interface (UI) design, native and adjustable grids, and a quick workflow for exporting your work.

Upcoming Classes

Price: $325 Click for Discounts

  • 6 hours of Hands-On Training
  • Custom Written Workbook Included
  • Mac ONLY
  • In New York City and Live Online

We Literally Wrote the Book!

Sketch

To make the perfect class we had to write our own workbooks which are included with each class.

Can’t take a class? Our workbooks are the next best thing.

Buy Workbook
Section 1
Starting a Design

Topics

  • Creating a New Sketch file
  • Creating Artboards
  • Setting Up a Grid (called Layout in Sketch)
Inserting Text, Images, & Graphic Elements

Topics

  • Changing an Artboard’s Background Color
  • Adding Text
  • Styling Text
  • Importing Images
  • Cropping Images (Masking)
  • Importing Graphics (Photoshop, Illustrator, SVG)
Graphic Effects (Fill, Stroke, Shadow, etc.)

Topics

  • Fills
  • Strokes
  • Adding Shadows
  • Darkening a Background Image to Make Text More Legible

Section 2
Styles (Reusable Appearance)

Topics

  • Creating Styles
  • Editing Styles
  • Text versus Graphic Shared Styles
Symbols (Reusable Elements)

Topics

  • Creating Symbols
  • Editing Symbols
Exporting Assets: SVG, PNG, JPEG, & PDF

Topics

  • Exporting Web Graphics
  • Hi-Res (Retina) Graphics: 1x, 2x, 3x
  • SVG
  • Exporting Graphics for iOS Apps