Web Design: Creating a Web Design Style Guide

Jake Fleming, Designer & illustrator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (36m)
    • 1. Introduction

      0:29
    • 2. Your Assignment: Create a Web Design Style Guide

      5:00
    • 3. Type and Tone

      7:56
    • 4. Layout & Space

      4:06
    • 5. Color

      3:25
    • 6. Icons and Images

      2:43
    • 7. Forms and Buttons

      7:10
    • 8. Sample Page

      5:27
24 students are watching this class

Project Description

Create a web design style guide and a sample web page

ASSIGNMENT

Your assignment is to create a web design style guide and to apply this style guide to a sample web page design. A style guide is helpful to keep the design beautiful and each element of the page cohesive. Creating a web design style guide will not only help you design pages faster, but it will help to ensure your designs will be extended properly if they’re ever handed off to another designer in the future. In this course, you’ll create a small style guide and use components from that guide to design a sample web page.

DELIVERABLE

Upload your website style guide and simple web page.

Student Projects

Jake Fleming
4 comments
Starr Smith
2 comments
Sharise Williams
2 comments
Débora Tomás
1 comment
2 comments
Caleb Warren
4 comments
Henry Clark
Angela Williams
1 comment
Judy Little
2 comments
Kokeshi Doll
Roxanne Arriola
1 comment
Duurii Bargaid
3 comments
Jade N.
5 comments
Joke De Winter
1 comment
Traci Penn