Resources

The Web Style Guide
UIWEB

Links

week five : next steps
boxes & arrows
Communication Arts:Interactive
Digital Web Magazine
SHIFT
Laszlo's process
location-based media
hosting
dreamhost
mediatemple.net
pair.com
education
flashcoders
flashnewbie
sfsu - Conceptual/Information Arts
sfsu - multimedia studies

week four : function
DHTML
DHTML DOM Reference
Drag & Drop DHTML demo
ebay scripts
google's maps
Lessons in JavaScript
Laszlo
Laszlo Sample Apps
Laszlo Systems
Learn Laszlo in Ten Minutes!
on RIAs
First Principles of Interaction Design
Jakob Nielson's Usability Hueristics
Design Patterns
Jennifer Tidwell's Design Patterns
Sari A. Laakso's UI Design Patterns
Welie's Design Patterns

week three : style
a very small website
Squared Circle Colr Pickr
CSS Zen Garden
Edward Tufte on...
Graphic File Formats
Position is Everything
quick CSS test app
quirksmode.org
tenable info
The New York Times
understanding color

week two : structure
del.icio.us
dom.net
shared class blog

week one : overview
Broadmoor Hotel Example
Glen Murphy's experiments

Class-submitted links

Brian Anthony Online
Carbon House
Fridge magnets
Madonna.com
red monkey designs

Visual and Interactive Design for the Web

Information, commerce, emotion, and visual style converge in the digital landscape. It is the designer’s responsibility to shape a unique experience for users of a web site. Creating meaning online, from bits of data and pixels, requires that you understand how to collaborate well with Web technology, what the constraints of the Web are, and how to manage expectations.

This course teaches students how to design and implement for the web. This includes mastering file format techniques and obtaining the skills to communicate effectively in the digital realm. The course is woven from components of visual and conceptual design, interaction design, information architecture, graphic production, and the web development process. The course benefits those who want to learn how to communicate through design on the web, including artists and designers making the transition to the web from other media.

Course learning objectives

Students create meaning from the course content by studying design theory, analyzing the design work of others, and creating designs of their own. Students gain both the theoretical perspective and practical skills needed to improve their knowledge and skills as web designers. Students participate in hands-on activities, small group project work, class discussions, and complete writing assignments. Lectures are woven with demonstrations, in-class exercises, guest presentations, case studies, and visual presentations of web site content. Students will have access to a course web site with resources and links to articles and books.

Intended Audience

This course will be rewarding for students interested in expanding their experience in the field of Visual and Interactive Design for the Web.

Prerequisites

Students must be familiar with a bitmap editor (the GIMP, Photoshop, Fireworks, etc.) and editing HTML, either by hand or with a tool such as Dreamweaver.

Assignment overview

75% Final project
25% Class activities: Required Readings and materials
Each student is required to bring a ZIP disk, USB hard-drive or other storage device for use in this class.

* * *