This project used placement and value to create hierarchy. The elements are the numbers 1, 2 and 3 (in predetermined sizes). and the goal was to arrange and “color” them so that they are “read” in that order. The challenge is that their relative size is in the opposite order AND that there should be a sense of delayed timing in the user’s perception of the relative importance of the numbers.

In this project the goal was to apply the ideas of Exercise 01 to a much more complicated communication challenge. Rather than three elements we worked with a minimum of 50 while still illustrating how these multiple parts can be organized as three logical groups perceived in a temporal order: my self, my interests, and the class

Page 1: Title page Page 2: Existing logos, feeling words, and client info from your research Page 3: Your five finalists Page 4 & 5: All of the studies you did to get you to your five choices

Presentation title page Table of contents Competitors Factor title slide Research summary Research analysis Final summation

Client/User Surveys

Any color, no matter how personally offensive, can be become attractive if paired with the right colors. Choose four additional colors that complement the original color so that the entire system of colors becomes attractive. Make sure you choose colors from different places on the color wheel, lighter, darker, warm and cool colors that complement your "ugly" color.

In this project you will apply what you learned about visual hierarchy to your client-specific communication problem. The task is to come up with a palette of colors that will work specifically for your new client that will become the color “system” for your website.

To choose type fonts and treatments (scale, color, boldness, roman vs. italic, etc.) that collectively look like you, but more importantly, express how you feel about code. If you love working with code, your portrait should look proud and confident. If code makes you anxious, your portrait should reflect that.

In this activity you will explore how composition, letter spacing, justification, and capitalization add to or limit communication. Using only Helvetica and/or Times, you will produce a series of pages, each page featuring SIX type treatments of the same word or phrase.

Design three very different “Staff” webpage mockups using just type. Assign each category (name, title, email, etc.) a different type treatment as you attempt to communicate the appropriate hierarchy. Limit your designs to the default web browser fonts. Experiment with the following variables: scale bold ALL CAPS leading letterspacing color additional typeface

Page 1: Title Page including your name, date, and assignment Page 2: The Color Mind Map Page 3: The Music Mind Map Page 4: The Metaphor Grid

Page 1: Title page including your name, date, class, and assignment Page 2: Your first (and best) design mock-up Page 3: Your second design mock-up Page 4: Your third design mock-up

Think about how information is presented in your client’s physical world. For example, in a fish market, labels are handwritten on little signs which are stuck into the ice next to each kind of fish. Try to come up with at least three different “information presentation” approaches for your client. Search for visual examples of the ideas you brainstormed in (1). Open a word processing application and using only one page, describe your three potential metaphor-based navigation designs.

Use callouts on both pages to indicate the elements of the site's information architecture, some examples: Organization Systems - how site is organized Labeling Systems - what words are you using to organize information Navigation Systems - how do users move through information? How do they get back? Search Systems (if any) Areas to display artists, song title, cover art, lyrics, or artist bio information Functionality - how does it work? How does mouseover or scrolling functionality work?