REVIEW from Week 4
QUESTIONS from Week 4
SLIDE SHOW
Micro/Macro Readings
Small Multiples
Color
Typography
Layers
3D
Symbology
Matrices/Tables
Time/Temporality
Organization/Architecture
Interface Design
Pulling it all together
MODEL INTERFACES
READING for further reference
Jacques Bertin. Semiotics of Graphics (on reserve)
Peter Gloor. Elements of Hypermedia Design
J. Scott Hamlin. Interface Design With Photoshop
Michael Leary, et al. Web Designer's Guide to Typography
Clement Mok. Designing Business
Kevin Mullet and Darrell Sano. Designing Visual Interfaces: Communication Oriented Techniques
Edward Tufte. Envisioning Information (on reserve)
Edward Tufte. Visual Explanations (on reserve)
Richard Saul Wurman. Information Architects (on reserve)
ASSIGNMENT
This assignment this week will be an individual assignment. Please choose one of the below assignments. You are not required to do more than one. Please submit the web address of your final product. In addition to the images you include, please annotate the page with a textual or graphical description of your process when appropriate. The assignments are due at the beginning of class next Thursday.
- INTERFACE DESIGN - Design an interface for Sulzberger Middle School. The interface should include a front page and at least one link to show how the front page changes when the person goes one level into the site. The interface should be simple, easy to understand and use color, typography, symbology, etc. well. It should include a standard layout and use images and color in a consistent way.
- TYPOGRAPHY - Do one collage that relies primarily upon typography for its raw materials. It should in some way relate to the Mill Creek Neighborhood, Sulzberger Middle School or your studio project. Your collage should eventually end up on a web page of some kind. You could approach this in a variety of ways. You could do the entire thing on paper, scan it and post it on a page. You could scan the raw materials (pieces of letters, bits of newsprint, etc.) and then using layers, rotation, scaling, perspective and other effects in Photoshop, assemble the pieces into a coherent whole. Or you might never use paper and do the entire thing in Photoshop.
- COLOR - Do a collage that relies primarily upon color. The same limitations and opportunities apply as with the Typography option.
- LAYERS - Do a collage that relies primarily upon layering for its effect. The same limitations and opportunities apply as with the Typography option.
- TEXT - Design and construct a web site that relies entirely upon text (though color, typography and layout certainly should be used to full effect). The subject of the text should in some way relate to the studio, Sulzberger or Mill Creek. The site should take advantage of the web as a linked medium. This means you are not simply putting some text on a page and leaving it at that. Rather you should take advantage of the poetic possibilities of the medium. There are a number of potential avenues here. You could create a hyperlinked poem, use song lyrics, write a story that has a variety of outcomes
- TIME/TEMPORALITY - Design a web page or series of web pages that looks at change, growth and/or history in the Mill Creek area. These might include animations, video, a narrative sequence, a series of charts or graphs, movement through space, a scene that changes over a long period of time, growth, historical developments, etc. This might be an extension of the work you did in the 'Describing the Place' portion of the studio.
- SOUND - If someone is really adventurous, you design a web site that relies primarily upon sound or music for its effects. A few computers in the mac lab allow the importation and manipulation of sound using Macromedia SoundEdit16. Many sounds are also loaded into the Windows system. Audio effects can also be downloaded from the web. We have not covered this in class, but a web page can be embedded with sound by using the
EMBED SRC=xxxx.aiff AUTOSTART=true LOOP=true HIDDEN=true tags. Take a look at Scott Anderson's Seiwaen site with a computer equipped for sound to see how this might work. Each page on this site has a different sound associated with it. You'll want to make sure you keep your sounds small and well-compressed for a site like this to work.
intro | readings | schedule | help | questions
last update: 1 Oct 1997
|