Week 11: Moodboards & Design Comps

Intro to this Week

This week we reach the creative stage of web design. We’re going to look at how all of our steps work together, from the planning, now to the creative, and tied to the production that we’ve been doing from the beginning of class. Keep working on Project 3, it is due this Sunday night.

This Week’s Work

Tuesday

1. Setup for Dreamweaver Work

Download the demo files AcmeVideoBaseHTML.zip. Decompress and put the contents of the resulting folder into your week11 folder.

2. Moodboards

First we’re going to talk about Moodboards

3. Design Comps

We’re going to look at how we can build a Design Comp in Photoshop. Download the webpage_pieces.zip for this exercise. In case you missed the demo or want to review it, here’s a video:

4. Homework

Web Design Theory reading

Read the following short articles to give you a good foundation in web design theory:

Thursday

1. Building an HTML page based on a Design Comp

We’re going to look at how we can best build an HTML page based on a Photoshop layered Design Comp. Here are videos if you want to review:

2. Lab Time

Lab Time

  • Project 3 is due this week
  • Project 4 is ready as soon as you turn in #3. This is the largest project of the semester.

Additional Resources

Web Design Theory

Originality in Design

Quality and Details

Color Theory

Icons