Win a Free Class!

Join our email list for a chance to win

Sketch in a Day

Sketch Classes: 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. 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.

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.
  • Exporting graphics from Sketch is quick. Mark what you want to export, select the filetype and size, and you’re ready to export.
  • Plugins add tons of useful features to Sketch. For example, you can export specs to give your web developer so they can inspect a Sketch layout for size, colors, fonts, spacing, copy CSS code, and more—all from a web bowser without having to own Sketch.
  • 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.
  • Turn your designs into clickable prototypes quickly and easily. You can create prototypes directly in Sketch, using either their native prototyping tools, or by using Craft by InVision.

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
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

Why Train With Noble?

27 Years of Experience

Noble Desktop has been teaching computer graphics and web development since 1991. In all those years we have perfected the craft of teaching. If students get hung up on any issue, we tweak the class to make it work better. Every instructor uses the same time-tested curriculum we have developed. Ask around: Noble Desktop has a stellar reputation for exceptional computer graphics training.


Our Teaching Method is Better

We don't ask you to simply "follow along," copying what the instructor does. Instead we ask you to focus 100% attention on the lesson at hand. Only after the lesson do you then put into practice what you have learned by working on a computer with our step-by-step workbooks. This "learn, then practice" method results in the student learning and retaining much more than traditional "follow along" classes.


We Wrote the Book Ourselves

Most of our classes include a custom training workbook written by our top instructors. Take it home with you: with step-by-step exercises and power-user keyboard shortcut guides, it’s like having a refresher course right on your desk. We wrote the book ourselves because we couldn't find any book that was good enough. Now our books are being used by other schools and training centers worldwide.


We Provide Computers, Mac or PC

Since when did training centers expect you to "bring a laptop"? Noble Desktop has always had classrooms full of computers, Mac and PC. Each computer is loaded with software and has a 19-inch monitor. The next time you are asked to "bring a laptop," ask why you aren't being provided a computer. Noble Desktop always has up-to-date equipment in our state-of-the-art classrooms.


Not Just Anyone Can Teach

All our instructors are working professionals who bring on-the-job experience to the classroom. But we don't just let anyone teach a course. How many experts do you know who can't teach? We've learned to audition and test our instructors. Only after they have been through our screening process will they be put in front of students. And they are required to use our time-tested curriculum, assuring a positive learning experience for all our students. Read our instructor bios.


Money-Back Guarantee

We’re the only school to offer an unconditional money-back guarantee. If within the first half of the class you don’t absolutely love it, we’ll give you a full refund. Please note any request needs to be made before the halfway point of any class.


We Are NY State-Licensed, and Adobe Authorized

When looking at a computer training school, check to see if they are NY State-licensed. Any school in New York should be licensed by law. Noble Desktop follows state-issued guidelines for curriculum development and teacher licensing. Adobe Authorized means our instructors have passed the rigorous Adobe Certification Exam, and that we follow Adobe's quality-control standards.


Our Students Love Us! 2200+ Testimonials and Counting

We offer our guarantee because we think we’re the best—but don’t take our word for it. Ask more than 2200 industry professionals who have enjoyed our classes and are putting what they learned to use on the job. Read their testimonials.