Website Planning and Design in Sketch
Pluralsight
Course Summary
In this Sketch tutorial we’ll go through the process of planning and designing a website using Sketch 3. Software required: Sketch 3, Dreamweaver CC, HTML5, CSS3.
-
+
Course Description
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.
-
+
Course Syllabus
Introduction and Project Overview- 1m 15s
—Introduction and Project Overview 1m 15sWebsite Planning and Design in Sketch- 1h 44m
—Getting Familiar with Sketch 8m 48s
—Creating a Site Map 8m 54s
—Building the Wireframe Layout and Pages 9m 56s
—Creating a Master Page 7m 25s
—Setting up Text and Graphic Styles 10m 45s
—Creating a Functional Prototype 8m 24s
—Developing a Unique Look and Feel 9m 49s
—Styling the Site Header 8m 28s
—Styling the Site Footer 8m 17s
—Applying Image Treatment and Masking 7m 40s
—Using Pre-made Templates in Sketch 6m 47s
—Exporting Mockups, Slices and CSS 8m 59s