When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Responsive Web Design 101: Bringing your UI to life using Sketch
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
Free
This Course Includes
skillshare
0 (0 reviews )
34 mintues 
english
Online - Self Paced
course
SkillShare
About Responsive Web Design 101: Bringing your UI to life using Sketch
Introduction
What is Responsive Web Design?
Which is best Mobile or Desktop first?
Content is King - So Let's Start Here
Wireframing and Prototyping
Basics of Designing in Sketch
Creating a Responsive Grid
Laying Out your Design in Sketch
Optimizing Images, Type, and UI Elements for Best Results
Coding your site for RWD
Handing Off Assets to Developers
Conclusion
What You Will Learn?
- Join digital designer Christina Barsan as she teaches you how to bring your user interface to life on various devices using Sketch. You'll learn to think responsively as Christina guides you through her process of designing successful online experiences. In this class you'll learn about:.
- • What RWD is .
- • How to choose between a mobile vs desktop first approach.
- • Creating content outlines.
- • Wireframing and prototyping your designs.
- • The basics to using Sketch.
- • Creating responsive grids.
- • Laying out your designs in Sketch.
- • Optimizing your images, type, and user interface elements.
- • Coding your site.
- • How to handle handing off assets to development teams.
- This class is for anyone interested in learning how to use Sketch to make their sites responsive, whether you are creating a splash page or a more complex site. After this class you'll walk away with a wealth of knowledge around responsive design and how to apply them to your next web design project..