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.
Introduction and Project Overview Hello, everyone. My name is Jay Boucher and I'm a freelance web and game designer specializing in online media for kids. I spent eight years as a designer for mtv. com, designing sites for MTV, MTV2, and MTV Tr3s. My latest projects involve creating games and animation for renowned children's book illustrator Ezra Jack Keats and in this course, we're going to design a website for an imaginary Indie Game Development Studio using Sketch 3 and some of the key takeaways from watching this course include learning how to work with Sketch as a user experience and user interface design tool, plan website user flow by creating site maps, layout page structure by designing wireframes, develop an overall look and feel by designing master pages, styles, and symbols, and ultimately delivering page comps, slices, and CSS for handoff to development and by the end of this training, you'll have learned how to use Sketch to deliver assets at each stage of the site design process from initial information architecture through final asset delivery. I'm excited to work with Digital-Tutors and share these techniques with you. So let's get started with the first lesson.