Prototyping for Web II: Visuals for UX and Branding skillshare originals badge

Erica Heinz, Designer/Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Lessons (1h 20m)
    • 1. Trailer

    • 2. Introduction

    • 3. Visual Direction

    • 4. Expressive Color

    • 5. Expressive Typography

    • 6. Powerful Images

    • 7. Responsive Design

    • 8. Solid Layouts

    • 9. Usability Testing

    • 10. Cleanup and Documentation

    • 11. Explore Design on Skillshare

20 students are watching this class

About This Class

Create the 5 fundamental elements of rapid visual design: a color palette, type set, image set, layout, and usability test. Taking time with these simple steps will ensure your website grabs attention and makes the impression you want.

Go from wireframes to gorgeous in Erica Heinz’s 80-minute class on designing responsive websites—including branding, user interface design, and visual prototypes. Combining universal design principles like color and imagery with web-specific concepts like usability, user-centered design, and legibility, it’s a full guide for the class project: creating real mock-ups. In addition to 9 video lessons, the class includes comprehensive lists of design resources and a Sketch template for your source files. Whether you give your final designs to a developer or go on to build them yourself, this class helps you get the look you need.

Want more? Check out the classes in this series: Web Design I: Planning with Rapid Prototypes and Web Design III: Responsive Design with HTML and CSS.