MM1111 - DESIGN LAYOUT
AiCASD
Summer 2007
Instructor: Laura Cesari
Contact: lcesari@aii.edu OR laura.cesari@gmail.com


Week 5:

Topics: Web Colors and Graphic Files
Lab / In-class activity: RGB and Hex values, GIF and JPG image files
Work due this week: Corporate Client: Stationery Design
Homework for next week: Clothing Company: Product Page


Links: About the Web Color System:
What is Web Color?
List of Colors and Hexadecimal codes

Tools for Choosing Combinations:
Adobe Kuler
Color Theory and Web Color Wizard
Text and background combinations
Color Combination Ideas & Finder


Homework #5: Clothing Company Product Page Design. (10 points)
Due Week 6, beginning of class.

Create 1 "Product Page" Design for Your Clothing Company
First, create an imaginary clothing company with a distinct style. (for example: "beach wear", "formal wear", "skate clothing", "outdoor clothing" etc.)

Start designing a website for your clothing company. This week, design the page that shows the details and purchase information for one particular product.

Include the following details, in addition to the basic web elements:

Info Area:
The Info Area should contain the following:
- Photo of the featured product
- "Add to cart" or "Buy Now" button.
- Description of the product (type of item, price, fabric, colors, pattern, etc.)

Navigation:
- Include at least 3 "main category" items.
(for example: "shirts, pants, shoes".)

- Include at least 3 "sub-category" items.
(for example, in a "shirts" category: Long-sleeve, Short-sleeve, Tanks, Jackets, Sweaters)

Examples of Standard Product Pages:
American Apparel, Levi's, Nordstrom, Free People

Grading: 10 points total.
__ (2) Required details are present for Info area and Navigation.
__ (2) Color Scheme relates to your Company's Theme.
__ (2) Imagery and Emphasis are relevant to the theme of the site.
__ (2) Elements are aligned to a consistent grid.
__ (2) Text is legible and in a font relating to your Company's Theme.

__ Total out of 10 points

Week 1 - (July.12-13)

Week 2 - (July.19-20)

Week 3 - (July.26-27)

Week 4 - (Aug.2-3)

Week 5 - (Aug.9-10)

Week 6 - (Aug.16-17)

Week 7 - (Aug.23-24)

Week 8 - (Aug.30-31)

Week 9 - (Sept.6-7)

Week 10 - (Sept.13-14)

Week 11 - (Sept.20-21)