Prototyping for Web II: Visuals for UX and Branding

Erica Heinz, Designer/Developer

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

      1:08
    • 2. Introduction

      1:30
    • 3. Visual Direction

      5:27
    • 4. Expressive Color

      12:01
    • 5. Expressive Typography

      10:40
    • 6. Powerful Images

      3:58
    • 7. Responsive Design

      7:46
    • 8. Solid Layouts

      17:46
    • 9. Usability Testing

      11:53
    • 10. Cleanup and Documentation

      7:36
    • 11. Explore Design on Skillshare

      0:37
13 students are watching this class

Project Description

Create the 5 fundamental elements of rapid visual design

Introduction

  1. Get started

    d4c800aa

    Video lesson slides are attached below.

  2. Create an inspiration board

    bee85a45

Expressive Color

  1. Create your color palette

    2a39db20

Expressive Typography

  1. Choose your typography

    5b2e0f88

Powerful Images

  1. Create your images

    33a9c617

Responsive Design

  1. Create a layout

    125e3192

Solid Layouts

  1. Create a responsive layout

    1a5ce3c1

Usability Testing

  1. Conduct usability testing

    8f661c12

Cleanup and Documentaion

  1. Document your specs

    7ab3304d

Student Projects

project card
Khara Woods