In this class you’ll get up and running quickly so you can start using Sketch right away to design the UI (user interface) and UX (user experience) of websites and apps.
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.
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 Websites & Apps with Sketch
This one-day class will teach you the fundamentals of using Sketch to create UX and UI designs for web and apps and prepare optimized graphic assets for developers. Learn these skills with step-by-step exercises in a small class led by a professional Sketch instructor.
“Sketch in a day is the perfect way to pick up the skill set needed to start using the program.”
Associate Creative Director, thelab
“After many years in print graphic design and art direction, I would recommend this class to anyone needing to upgrade or update their training for digital design.”
“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.”
Principal , FinMark Partners
Excellent training, learned 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!”
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
“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 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
“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.”
“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
“This class has a good text book to help guide you every step of the way. If you are serious about learning Web Design, this is a good place to start.”
Graphic Designer/Photographer, Eric Strausman Design
“Sketch in a Day is the ideal class to start off learning the program. It's presented really well and the lessons are easy to follow. I feel like I know so much more about Sketch now. Michele has a great attitude and a great teaching approach, which made me very happy that I chose Noble Desktop.”
“There's no other place to go for digital course instruction. Noble Desktop is a one-stop place to be.”
Associate Art Director, ESPN
“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
“This intro Sketch class was great! Lessons were easy to understand and Dan was full of useful tips and information to get you started on mastering the program.”
Art Director, Braze
“Noble Desktop is the perfect place to come learn a new skill or brush up on existing ones.”
Attended the Sketch in a Day course
“Definitely will provide a solid grasp of Sketch in a very short amount of time. It opens a door to digital cross-platform design in a concise one-day session.”
Art Director, Mark Maltais Art Direction + Design
“I've taken 3 classes so far at Noble. It's the best way to learn design programs, in my opinion.”
“Michele R. was a great instructor. She made the class easy to follow, plenty of questions were asked and she had all the answers that made everything clear as day. The last time I took a class here I was learning Indesign when it first launched. I was so impressed when I took that one, that coming back for Sketch was a no-brainer.”
Creative Director, Arcade Beauty
“Despite only being a day long, I feel very confident in my ability to pickup and run with Sketch in the future.”
Data Analyst, NYCDOHMH
“Over the years I've taken a half dozen of so classes here at Noble. Every one of them has been chock full of information and taught by a professional, knowledgeable, personable instructor. It's always wonderful to learn here and the new facilities are beautiful.”
No. Prior experience is not required for this class. Students only need to be comfortable with using a computer.
Familiarity with how webpages are coded with HTML and CSS is helpful, but not required.
Do I need to bring anything to the class?
No. We provide Macs with Sketch installed.
Do you offer discounts or a payment plan for this course?
Shorter courses such as this are already affordably priced and are not eligible for discounts.
This course is not eligible for a payment plan, which is only available for programs priced at $2,495 and above. Read our Payment Plan FAQ for more details.
Can I take this course online (remote learning)?
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!
Sketch's interface showing Symbols (one of its powerful features)
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.
Each class comes with a custom Sketch workbook
Custom Workbook Included
Our Sketch class comes 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.
Professional Sketch instructor teaching student
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
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.