Yelp Facebook LinkedIn YouTube Twitter Instagram

Sketch in a Day

Hands-on Sketch Classes in NYC

Sketch is a Mac app that was built with the specific needs of a modern web designer (or app designer) in mind. Learn how to use Sketch to design user interfaces of websites & apps in our hands-on Sketch courses in New York City. 

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.

If you already know Sketch and want to take your skills to the next level, check out the Sketch Advanced class.

Why Learn Sketch for Web & UI Design?

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.

  • With artboards and layout guides, you can design on popular grid systems (like Bootstrap), making it easier to design responsive webpages.
  • Symbols are where Sketch really shines. They are much more powerful than similar apps, such as Adobe XD. Symbols let you reuse design elements (such as buttons) to create flexible design systems. The content can be customized across instances of a symbol, while maintaining the same appearance. You can globally update symbols, making design changes easier.
  • Exporting graphics from Sketch is quick. Mark what you want to export, select the filetype and size, and you’re ready to export.
Read more
  • 6 Hours
  • Mac only
  • Book included
  • Free retake

Register for a class

$325 Discounts • Policies

594 Broadway, NYC or Live Online

Show all dates

What You’ll Learn

  • Use Sketch to create and optimize graphics for web and user interface design.
  • Create wireframes and turn them into finished designs that are optimized for mobile, tablet, and desktop screens.
  • Design on grids, extract image assets, create hi‑res 2x graphics, and more.
View full syllabus

Sketch in a Day Class Syllabus

Section 1
Creating New Files & Designing on a Grid System

Topics

  • Sketch templates, artboards, & pages
  • Creating a new file
  • Setting up a layout grid
  • Creating colored backgrounds for text
  • Importing text
Adjusting the Layout for Tablets & Mobile Phones

Topics

  • Designing with Bootstrap’s grid
  • Adapting the design for tablets
  • Adapting the design for mobile phones
Inserting & Masking Photos

Topics

  • Importing photos
  • Cropping a photo (masking)
  • Custom shaped masks
Inserting Vector Graphics, Fills, Shadows, & More

Topics

  • Importing & modifying vector graphics
  • Making grouped objects easily selectable
  • Layer opacity vs. fill opacity
  • Aligning & distributing layers
  • Reusing colors found in the design
  • Adding a drop shadow

Section 2
Shared Graphic Styles (Reusable Appearance)

Topics

  • Creating a shared graphic style
  • Attributes that are not part of a shared graphic style
  • Changing & renaming graphic styles
  • Making a style to darken full-width background photos
Text Styles (Reusable Appearance)

Topics

  • Creating text styles
  • Editing text styles
  • Renaming styles & organizing into folders
Symbols (Reusable Elements)

Topics

  • Creating & editing symbols
  • Customizing content inside a symbol
  • Resizing symbols
  • Renaming symbols
  • Detaching from a symbol
Exporting Assets: SVG & PNG

Topics

  • Exporting artboards
  • Exporting for web as SVG & PNG
  • Exporting into folders
Exporting Assets: 1x & 2x JPEG

Topics

  • Exporting as JPEG
  • Properly setting JPEG quality
Animation for Noble Desktop's Sketch class

Class Overview Video

Design the User Interface of Websites & Apps

This one-day class will teach you the fundamentals of using Sketch to create designs for web and UI, as well as optimized graphics and image assets. Learn these skills with step-by-step exercises in a small class led by a professional Sketch instructor.

  • “I went out on my own two years ago after 25 years in corporate America. Continuing education is essential to my success - I am so grateful that Noble Desktop exists. In my experience, the instructors are, without exception, engaging and invested in the students understanding the material. I look forward to your classes because I know I will walk away with a wealth of information that will forward my career and business.”

    Faith Deutsch

    Principal , FinMark Partners

    Excellent training, learn Sketch in A Day

  • “I was so impressed with this class! Our teacher Ethan as incredible, and his teaching style was perfect to take in a lot of info but also keep us moving, no matter the level. Was truly impressed with the amount I took away and feel it was worth every penny. I'll be back again and will definitely recommend to friends!”

    Sharon Taylor

    ink + mortar

    Learned to design interfaces using Sketch

  • “This was a great session to explore the functions of Sketch and learn its potential.”

    Evelyn Good

    AD

    Attended the Sketch in a Day class

  • “I recommend this course to anyone who's interested in getting a foundation in Sketch. The tools learned today will help my team collaborate with other graphic and content designers.”

    Etana Solomon

    Content Designer, Mastercard

  • “I learned an enormous amount in just this one day Sketch workshop. It certainly exceeded my expectations, and I'm leaving the workshop feeling equipped and comfortable to design with the program independently.”

    Sara

    Teacher/Designer

  • “Noble Desktop offers great instructors who provide clear instructions, concise class content and materials that make learning software and new skills as easy as 1, 2, 3.”

    Claibourn Hamilton

    Senior Designer / Art Director

    Took the Sketch in a Day class

  • “The course is broken down and explained in a way that makes it very easy for ALL user levels to understand. It takes the stress out of learning a new program and makes it very enjoyable at the same time!”

    Melissa Perez

    Learned how to use Sketch for designing web layouts and user interfaces

  • “Noble Desktop is the perfect place to come learn a new skill or brush up on existing ones.”

    Lois Fischman

    Graphic Designer

    Attended the Sketch in a Day course

See our 2470 testimonials
5
4.9
4.94

Learn then Practice

Learn Sketch by watching the instructor demo, then practice yourself on web layouts that you will learn to efficiently adapt for mobile, tablet, and desktop. Learn to use tools, symbols, guides, and how to export graphics for the web.

Students learning Sketch in class at Noble Desktop

Custom Workbook Included

Our Sketch class comes with a custom step-by-step training manual sold to universities and schools around the world. Recreate the class projects and refresh the Sketch material anytime after the class.

Each class comes with a custom Sketch workbook

Learn Sketch in One Day

“The “In a Day” courses are organized brilliantly; I love that we have time to absorb what the instructor is telling us before trying the exercises ourselves. The instructors are well-informed and so helpful. It is extremely useful to have access to the lessons and class files after the class is over. Each in-a-day class has saved me endless hours of trying to decipher confusing Youtube tutorials!”
Jillian Dougherty, Trillion Creative, Nov 10, 2017

Professional Sketch instructor teaching student

Register for Sketch in a Day

$325 Discounts • Policies

594 Broadway, NYC or Live Online

Show all dates

Related Classes & Certificates

UX Design in a Day

Intro Course in UX Design

6 Hours

$325

Next Class: May 16, 10–5pm

UX Design Bootcamp

Comprehensive UX Design Courses

30 Hours

$1495

Next Class: Jul 29–Aug 28, 6–9pm

Sketch Advanced

Advanced Sketch Classes in NYC

3 Hours

$195

Next Class: Not currently scheduled