Paper title: Spatial Design Multi Media

Paper Number: 224.361

project: 2 Web space

Hand-in Date: 4th June 3:00pm – digital copy in course drop box

Introduction:

The internet and its designed interfaces with its reactive and interactive capabilities allows for exciting new ways of spatial design communication. This assignment introduces you to web design software through which you are asked to explore how this particular digital medium offers alternative ways of communicating spatial design ideas.Your task is to create a website to present your studio project.Consider how the navigation through the pages, graphics and links of a design can express spatial conceptual ideas of there presented project, and aid the understanding of the intended spatial qualities.

Project Requirements:

• Design of a basic web site for presenting research of precedents, hakari and site for your studio project KEEP IT SIMPLE [30%]
• Design of web site for the archive and communication of your second studio project [70%]

Assessment:

The project will be assessed to the extent that it:

• shows good technical understanding of the medium
• experiments with the introduced media in an original way
• effectively communicates spatial ideas and experiences [proportion and composition]
• has clear navigation

Feedback will be given after completion of the project.

Learning Outcomes:

The student should be able to:

• confidently use computer applications introduced in this project
• apply computer application skills gained to inform design process and design presentation
• undertake a simple website design for portfolio or presentation purposes
• consider the web based navigation of information in relationship to spatial concepts and experiences

Procedure and Timetable:

Reference:

9 essential principles for good web design

• 1. Precedence (Guiding the Eye)
• 2. Spacing
• 3. Navigation
• 4. Design to Build
• 5. Typography
• 6. Usability
• 7. Alignment
• 8. Clarity (Sharpness)
• 9. Consistency

example web sites:

• studio 4 caravan project
• multimedia 06
• russelllowe.com
• UN Studio
• d_luxe

workflow:

setup

1. setup dreamweaver as per tutorial

size

1. the res of the screen 800×600, 1024×768 (the projector), 1600×12000
2. think about the other bits on the screen: tool bars, sliders, status bars etc)

I work to a 1024×768 screen so use a 900×650 image in photoshop

workflow

1. think about how you what to layout your pages, how can you, try and let your concept drive your webspace
2. work in photoshop, using layers and layer styles for rollover states to create your layouts
3. sliceup to clickable parts
4. save for web to get the html and images (and rollover images)
5. open up in dreamweaver to set links and rollover states and name page etc