Learn Sketch for Web Design, App Design, & UX/UI Design
Learn Sketch to Design the UI & UX of Websites & Apps
In this class you’ll thoroughly learn Sketch from beginning to advanced features for UI (user interface) and UX (user experience) 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. You’ll learn how to share symbols (and styles) across files and computers to keep everything in sync and updated. This is useful for individual designers, but especially important when managing a team of designers to make sure everyone is using the latest design components.
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.
Turn your designs into clickable prototypes using Sketch’s native prototyping tools as well as using InVision and the InVision Craft plugin.
Start using Sketch plugins that add new features and save time by making things easier, using plugins that we recommend. 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 browser without having to own Sketch.
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).
Turn your designs into clickable prototypes that can be shared with others (using Sketch’s built in features, as well as InVision)
Master Sketch’s symbols by learning how to override their content and styling to create powerful design systems.
Update symbols and styles across multiple Sketch files (or computers) using shared Libraries.
Learn useful plugins that can add amazing new features to Sketch and speed up your work.
Learn Sketch for Web & UI Design
Learn Sketch thoroughly to create designs for web and UI, build prototypes, as well as optimized graphics and image assets. You’ll learn the latest features and tips & tricks to speed up your work with step-by-step exercises in a small class led by a professional Sketch instructor.
“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.”
Content Designer, Mastercard
“Dan's a very knowledgeable and helpful instructor. He really knows Sketch in and out and also can compare Sketch features to other popular programs. As a long-time Sketch user, I was surprised at how much I learned in this class. Very worthwhile class! ”
UX Design Manager, Google
“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.”
You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).
How does attending “live online” work?
Students can attend this training remotely through screen sharing software (we use Zoom).
Participants can hear the instruction, ask questions, and even share their screen with the instructor.
For audio you can use your computer’s microphone/speakers or call a phone number that we’ll provide.
Classes are activity-based and taught by a live instructor, so we strongly encourage students who are local to the area to attend in person!
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.
Sketch's interface showing Symbols (one of its powerful features)
Custom Workbook Included
Our Sketch classes come with a custom step-by-step training manual that walks you through using many of Sketch's powerful features. You can recreate the class projects and review the Sketch material you learned anytime after the class.
Each class comes with a custom Sketch workbook
Learn Sketch Quickly & Thoroughly
“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 class has saved me endless hours of trying to decipher confusing YouTube tutorials!” Jillian Dougherty, Trillion Creative, Nov 10, 2017