3/25/09

[collect] 2.e design: comps

You are to design the layout and interactive elements for your curated collection.

Produce a series of clear and visually engaging "comps" that illustrate all aspects of the site's content and interactivity (macro and micro levels). Comps represent the final presentation of your design, prior to programming in Flash. They are necessary to communicate your functional and formal decisions, as well as, present a clear interactive strategy for critique.

In each, address the layout and visual "look" of elements within the screen space, the typographic legibility for screen resolution, & navigational states (more on those next class).
To start, iterate minimum of 3 visual strategies for the prototypical macro/micro pages.


file set-up:
1. Design for the popular screen resolution of 1024 x 768 pixels. Due to browser chrome, anything vital to the user experience should remain within 950 x 550 pixels. Background elements (such as color or patterns) should extend beyond that minimum area for larger monitors. Select a centered or flush left orientation.

2. When designing for the screen, imported images should always be at 72 DPI and colors are RGB (but you knew that)!

3. Work in illustrator for this assignment (of course you can bring in images and hand-generated assets through photoshop). Why? Flash is a vector based program like illustrator (wysiwyg) and you can export your graphics from illustrator directly to flash.

day 5, 3/27 Post iterations for progress crit
day 6, 4/01 Post applied direction for progress crit (2/3 complete)
day 7, 4/03 Post all pages for final crit

No comments:

Post a Comment