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.
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)
Creating text styles
Editing text styles
Renaming styles & organizing into folders
Symbols (Reusable Elements)
Creating & editing symbols
Customizing content inside a symbol
Detaching from a symbol
Exporting Assets: SVG & PNG
Exporting for web as SVG & PNG
Exporting into folders
Exporting Assets: 1x & 2x JPEG
Exporting as JPEG
Properly setting JPEG quality
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.
Create and optimize graphics for UX & UI design with Sketch
Photoshop has been around the longest and is used by many web designers. It is a photo editor with web design features added on, so some web designers are turning to other apps such as Sketch and Adobe XD which were created solely for the purpose of visual and UX design.
Sketch is a Mac only app that many web designers are using, and more people every day are switching to it. Not only can you create your designs (for website, apps, etc.), but you can even turn them into working protoypes to show clients and do user testing with.
Adobe XD is a newer Adobe app that is very similar to Sketch. It’s an easy to use app that enables you do design and protype your ideas. Unlike Sketch though, it works on Mac and PC. It’s the newest of these apps, and is still continuing to develop rapidly.
User Experience (UX) involves a person’s behaviors, attitudes, and emotions about using a particular product, system, or service.
Includes the practical, experiential, emotional, meaningful, and valuable aspects of human-computer interaction and product ownership.
Considers a person’s perceptions of system aspects such as utility, ease of use, and efficiency.
UX is important because of the increased emphasis on user-centered design. It’s not about what the client wants, it’s what the user needs and wants.
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
“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!”
ink + mortar
Learned to design interfaces using Sketch
“This was a great session to explore the functions of Sketch and learn its potential.”
Attended the Sketch in a Day class
“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.”
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!”
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.”