Tuesday, February 7

About the class: user-centric, creative design (.pdf)
Symbol design and exercise results

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

meet the client:
Project brief (.pdf) and overview from the client
What's in a name results!

team challenge!
Observations, opportunities (.pdf)

Observation worksheet (.pptx)
Collect data until 4 PM
Opportunity identification results (.xlsx)

Upload your completed worksheets by 9 AM Friday. To set your password for the 2.744 system on scripts.mit.edu, hit "reset password" on the login page, and enter your full MIT email address.

Visualization: ABCs of sketching
Online visual memory game
In-class visual memory test

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

Sketching in 3D: 2 pt perspective

Video resources:
Basic shapes in 2 point perseptive
Download worksheets

Adding dimension to perspective:
Tone and shade

Video resources:
Basic shading and tone video and worksheets

Sketching with Scott Stropkay, Essential design

Examples of sketching in practice (.pdf):

• use scenarios (certificates required)
• exploration of ideas (certificates required)

Sketching demonstrations:

• horizon and scale
• 1 point cube
• circles on cubes
• 2 point cube
• 2 point circles
• scale in 2 point
• 3 point
• 1 point vs. 2 point
  

See additional examples by Scott Stropkay.

It's a wrap:
Shade and tone, Canson drawing

Canson drawing 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)

Fast and furious:
Immersion in sketch modeling
critique feedback

Interactive game brainstorming and prototyping

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)

Human use showcase (.pdf)
learning from each other

Scanner (.mov) : Anders Haggman
Add/drop form (.mov) : Yashraj Narang
VoIP phone (.mov) : Diana Sim
Kindle (.mov) : Lauren Gust
MIT mobile (.mov) : Taylor Morris

Illustrator rendering (.pdf)
hand sketch to digital rendering

Jordan Nollman's demo file (.ai)
Sprout Studio's design process (.pdf)

Video demonstraitons from class
toolbar, part 1 (.mov, 33 mb)
toolbar, part 2 (.mov, 21.4 mb)
units of measure (.mov, 3/7 mb)
sub menus (.mov, 29 mb)
adjusting shapes (.mov, 8 mb)
gradient tool (.mov, 17.8 mb)
adding a logo (.mov, 7.6 mb)
blend tool (.mov, 33.4 mb)
mesh tool (.mov, 37.8 mb)
materials, shading, clipping masks (.mov, 15.2 mb)
shading settings (.mov, 7.3 mb)
3d effects (.mov, 5.2 mb)
drop shadows (.mov, 11.1 mb)
callouts (.mov, 17.7 mb)

Photoshop rendering (.pdf)
hand sketch to digital rendering by Mike Miller
tools info sheet
clean a scanned image
photoshop file for class demo

Video demonstraitons from class
introduction (.mov, 6.5 mb)
layers (.mov, 10 mb)
toolbars, part 1 (.mov, 43.8 mb)
toolbars, part 2 (.mov, 38.7 mb)
shaded cube, part 1 (.mov, 54.4 mb)
shaded cube, part 2 (.mov, 82.6 mb)
sphere (.mov, 79.2 mb)
layer tricks (.mov, 6.8 mb)
rendering a stapler, part 1 (.mov, 68 mb)
rendering a stapler, part 2 (.mov, 104 mb)
renering a stapler, part 3 (.mov, 76.1 mb)

Photoshop demonstrations 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)

Work period

Judgement day: Sketch model review with client

the messenger of expereince: form and color

Form development exercise

the messenger of experience: form and color

the messenger of the experience: graphics

Graphics design exercise
dafont.com

out of the box: Packaging design