Contents
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:
- 10 Design Concepts Every Developer Should Know
- The Gestalt Principle: Design Theory for Web Designers
- Understanding Visual Hierarchy in Web Design
- An Introduction to Color Theory for Web Designers
- Avoid Edge Cases by Designing Up Front
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: