Learn Sketch Fundamentals for UI & UX Design

You’ll learn to design web layouts for mobile, tablet, and desktop (or screens for apps) using text, graphics, styles, and more. 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 let you reuse design elements (such as buttons) while allowing each instance to be customized. Being able to globally update symbols will enable you to create flexible design systems that are easier to manage.

Sketch is vector-based, so graphics can scale for a variety of sizes, and export as hi-res (Retina @2x) graphics for the web or apps. Exporting graphics is quick. Mark what you want to export, select the filetype and size, and you’re ready to export.

If you want to learn Sketch in greater depth, you should check out our 12-hour Sketch Bootcamp.

Already know the basics of Sketch and want to take your skills to the next level, such as learning how to prototype? Check out our Sketch Advanced class.

Continue reading

Take this class as part of a certificate program and save:

Learn the Skills Guarantee™

  • Hands-on training in small groups

    Work on projects proven to boost retention

  • Time-tested curriculum and supporting materials

    Refined over many cohorts for an optimal learning experience

  • Learn from industry experts with teaching experience

    Experienced educators who are driven to help you succeed

  • Retake the course for free within one year

    Refresh the materials and gain additional practice

Learn the concepts and skills covered in this course or your tuition is on us. See details and terms & conditions.

The teaching method at Noble Desktop is perfect and the classes provide you with infinite knowledge that makes you eager to take everything they offer. I love Noble!

—Ivonne Ackerman

Sketch in a Day Class Overview

What You’ll Learn

  • Create UI (user interface) and UX (user experience) designs for websites and apps
  • Build layouts using text, images, layout grids, artboards, pages, and more.
  • Make responsive web designs that are optimized for mobile, tablet, and desktop screens.
  • Harness the power of symbols to create reuseable design elements.
  • Optimize graphics for web and app design (create hi‑res 2x graphics, SVG, JPEG, and PNG).

Learn with Hands-on Projects

Learn practical skills by working on real projects with instructor guidance and lectures to strengthen and improve your skill.