Tuesday, February 5

About the class: user-centric, creative design (.pdf)
Symbol design
Results from danger symbol design exercise

Project brief from the client.
Introductory slide (.pdf)
What's in a name results!

Design for human use: Uncommon common sense!
Ballot redesign and results!

Visualization: ABCs of sketching
Online visual memory game
Lobster visual memory test

Video resources:
Sketching basics tutorials (arcs, lines, circles , ellipses)
One-point perspective tutorials

Designing an experience: Spatial narrative and interactive story-telling
Geoffrey Long (CMS)

Video resources (.mov):
What kind of story?
What kind of agency?
What can space do?
The world tells a story.
Don't forget the storyline.
Key questions to answer.

Story-telling exercise results (.mov)
A league of our own
Anonymous
Losing Nemo
Narwal Sushi
Nemo
Octopus Prime
Orca

Right brain, left brain:
Brainstorming and testing, a method to the madness
Interactive game brainstorming and prototyping

Off-campus site visit:
Museum of science
Exhibits and universal design

Sketching in 3D:
2 pt perspective and shade

Video resources:
Basic shapes in 2 point perseptive
Download worksheets

Scott Stropkay, Essential design
More design sketching techniques

2-point review
Drawing a room
Proportional square volumes
Podium in room
Cylinders
Motion and arrows
An octopus
A swinging pendulum
Pirate and table
Shadows
Submarine
Treasure chest

See additional examples by Scott Stropkay.

Adding dimension to perspective:
Tone and shade

Video resources:
Basic shading and tone
Download worksheets

Beth Sullivan, IC3D
Sketch modeling (.pdf, 150 Mb!)
Example: blue foam models (.mov, 2.3 Mb)
Example: foam core models (.mov, 1.5 Mb)
Example: large scale models (.mov, 3.8 Mb)
Sketch modeling tools (.mov, 1.2 Mb)

Blue foam: cutting basics/templates (.mov, 6.1 Mb)
Blue foam: complex shapes (.mov, 10.1 Mb)
Blue foam: applying a grill template (.avi, 6.5 Mb)
Blue foam: cutting grill (.avi, 11.1 Mb)
Blue foam: making a sanding block base (.avi, 2.1 Mb)
Blue foam: attaching sand paper (.avi, 2.1 Mb)
Blue foam: using sanding block (.avi, 7.1 Mb)

Foamcore: know the grain (.mov, 4.2 Mb)
Foamcore: bending (.mov, 6.3 Mb)
Foamcore: joining (.mov, 6.4 Mb)
Foamcore: making a box (.mov, 4.8 Mb)
Foamcore: making large panels (.mov, 4.7 Mb)

Storyboard and human use showcase
Perspective mini quizz results

featured storyboards:
Sea creature attack
Marine creature survival

featured human use analysis:
Parking meters, LSC movie, automated postal centre

Time to go retro:
Canson rendering

Video resources (Pencil sharpener exercise):
Laying in the base tone (.mov, 17.7 Mb)
Pencil highlights (.mov, 10.7 Mb)
Pencil shade (.mov, 12.1 Mb)

From hand sketches to digital rendering
Photoshop rendering: lighting examples
Nick Partridge, Essential design

Additional tutorials:
by Dirk Ahlgrim, IDEO
Photoshop basics

Using layers (.mov, 1.3 Mb)
Closing lines in sketches (.mov, 1.3 Mb)
Rendering a cube (.mov, 2.8 Mb)
Rendering a cylinder (.mov, 1.4 Mb)
Cube and cylinder composition (.mov, 9.8 Mb)
Rendering a hammer (.mov, 3.2 Mb)
Rendering an iPod (.mov, 5.1 Mb)
Rendering a running shoe (.mov, 3.8 Mb)
Embossing letters (.mov, 3.0 Mb)

Underlay sketches for rendering practice (jpg)
cube, cylinder, hammer, ipod, shoe, pen, TV

Product rendering in Photoshop
Rendering a macintosh classic from scratch
overall shape and display (.mov, 44.8 Mb)
details, logo, reflections on screen (.mov, 50.8 Mb)

the effect of global lighting (.mov, 9.7 Mb)

Rendering a playstation from an underlay
background tone (.mov, 39.95 Mb)
logos (.mov,30.86 Mb)
buttons (.mov, 10.32 Mb)
button symbols (.mov, 9.9 Mb)
speaker grill (.mov, 14.6 Mb)
image on a screen (.mov, 4.2 Mb)
chrome (.mov, 6.6 Mb)
product shadow (.mov, 4.7 Mb)