Email Template Design in Sketch and HTML
Pluralsight
Course Summary
In this Sketch and HTML tutorial, you'll learn how to create a responsive email template. Software required: Sketch 3, Brackets 1.4, web browser.
-
+
Course Description
In this Sketch and HTML tutorial, you'll learn how to create a responsive email template. With the explosion of mobile devices, you'll never know when someone is opening an email on their desktop or on their mobile device. You need to be prepared with a responsive design that works no matter where it's displayed. By the end of this Sketch and HTML training, you'll have followed along with a production process that includes different stages for approvals, implementation and testing, all to learn the best practices for creating a responsive email template by designing in Sketch and coding in HTML. Software required: Sketch 3, Brackets 1.4, web browser.
-
+
Course Syllabus
Introduction and Project Overview- 1m 4s
—Introduction and Project Overview 1m 4sEmail Template Design in Sketch and HTML- 2h 5m
—Exploring Best Practices for Designing Responsive Emails 7m 35s
—Mocking up Responsive Email in Sketch 7m 58s
—Designing an Email Header 10m 39s
—Placing Text, Fonts, and Dummy Copy Blocks 9m 32s
—Adding Images and Site Modules 8m 16s
—Exporting from Sketch 10m 22s
—Discussing HTML Design for Email 10m 20s
—Creating a Responsive HTML Document 9m 35s
—Coding an Email Header 9m 46s
—Creating a Row of Icons 6m 19s
—Laying out Content Modules 10m 19s
—Programming Responsive Images 7m 25s
—Putting It All Together by Inlining Styles 9m 51s
—Delivering a Well-crafted Email 7m 36s