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
12 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

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