2.744
Class Notes and Media
Home > Class notes and media

Materials from 2.744 classes are posted shortly after each meeting. The syllabus has links to the same materials within the context of the overall schedule.

< < !-- -->

Tuesday, February 7

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

Thursday, February 9

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

Thursday, February 14

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

Thursday, February 16

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.


Thursday, Febriary 23

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

Tuesday, February 28

Sketching in 3D: 2 pt perspective

Video resources:
Basic shapes in 2 point perseptive
Download worksheets

 

Thursday, March 1

Adding dimension to perspective:
Tone and shade

Video resources:
Basic shading and tone video and worksheets

 

Tuesday, March 6

Sketching with Scott Stropkay, Essential design

Examples of sketching in practice (.pdf):

Sketching demonstrations:

See additional examples by Scott Stropkay.

Tuesday, March 13

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)

 

Thursday, March 15

Fast and furious:
Immersion in sketch modeling
critique feedback

Interactive game brainstorming and prototyping



Tuesday, March 20

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)

 

Thursday, March 22

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

 

Tuesday, April 2

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)

 

Thursday, April 4

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)


Tuesday, April 10

Work period

 

Thursday, April 12

Judgement day: Sketch model review with client

 

Thursday, April 19

the messenger of expereince: form and color

Form development exercise

 

Tuesday, April 24

the messenger of experience: form and color

 

Thursday, April 26

the messenger of the experience: graphics

Graphics design exercise
dafont.com

 

Tuesday, May 8

out of the box: Packaging design

 

Thursday, May 10 it's a wrap!: Discussion of exercises and course summary