What you'll learn

In this Sketch tutorial we’ll go through the process of planning and designing a website using Sketch 3. We’ll cover all of the basic tools available in Sketch and take our site design step-by-step. We’ll start with site maps to communicate the breadth of our site, then move on to wireframing page layouts and, finally, design graphics and text styles to give it a consistent look and feel. By the end of this Sketch training, you’ll have learned how to create web-ready layouts and graphics to hand off for development. Software required: Sketch 3, Dreamweaver CC, HTML5, CSS3.