Tuesday, February 2

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:
Class introduction and wrapup (.pdf), Project brief, and overview from the client

What's in a name results!

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

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

Website, schmebsite: Web design 101 (.pdf)
the very basics, and how to upload files to the course website

Please download either:
SecureFX (Windows)
Fetch (Mac Only)

Website, doubly-schmebsite: Web design 101.5 (.pdf)
wirefreames, html, and ccs. Make a simple website

Demo files from class:
1 html file template
2 completed html file
3 css file template
4 final styled webpage (1 page)
5 multiple page site

Zen garden, webpage/css examples
HTML tags
CSS properties

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

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)

More sketching with Scott Stropkay, Essential design

• 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.

Fast and furious:
Immersion in sketch modeling

Interactive game brainstorming and prototyping

Celebrate our work:
Human use showcase!

Rebecca Hui: MBTA #1 bus
Dexter Chew: Kitchen faucets
Chris Saulnier: Autobelay device
Yi-Tung Shen: Dust pan

Beth Sullivan, IC3D
Sketch modeling (.pdf, 29 Mb, certs requried)

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)

hand sketch to digital rendering: Part I
Illustrator rendering (.pdf)

Work files:
- Handicapped Symbol
- Handicapped Symbol Illustrator
- Shaded Cube Illustrator

Video resources from class: Illustrator Tutorials

You can download a one month trial license. It is also an option to purchase license on a monthly basis, or the new media center has machines with illustrator.

hand sketch to digital rendering: Part II
Illustrator rendering (.pdf)

Work files:
- 3 Tone Cube
- Gramophone Sketch
- Gramophone Skeleton Illustrator
- Gramophone Illustrator Complete
- Perspective Exercise

Video resources from class: Illustrator Tutorials

Work period

Judgement day:
Sketch model review with client

the messenger of experience
form and color

Form development exercise (I am an emotional cube)

the messenger of experience
form and color

Color exercise (I am an emotional picture)
- color psychology (.jpg)

Exercise resources
Illustrator
- a few Illustrator pointers (.rtf)
- exercise file in Illustrator (.ai)
Photoshop
- a few Photoshop pointers (.rtf)
- exercise file in Photoshop (.psd)

graphics
the messenger of the experience

Graphics design exercise

Exercise resources
image options for poster exercise
exercise pointers for photoshop
exercise pointers for illustrator

dafont.com
fontsquirrel.com
google fonts