Tuesday, February 6

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

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

Hawaii alert system redesign and results!

meet the client:
Class introduction and wrapup (.pdf), Project brief with documents and indexed video.

What's in a name results!

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

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

Website, schmebsite: Web design 101 and ABCs of sketching, continued (including seated in the 70s exercise) (.pdf)
the very basics, and how to upload files to the course website

Make sure you've downloaded Filezilla, as well as either Brackets or Sublime Text.

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

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.

Designing in 3D
Sketch modeling introduction

Beth Sullivan, IC3D
Sketch models
Blue foam tips
Foam core tips

Fast and furious:
Immersion in sketch modeling

Interactive game brainstorming and prototyping

sketching to digital rendering: Part I
Illustrator rendering and shop logistics, etc (.pdf)

Work files:
- Handicapped Symbol
- Handicapped Symbol Illustrator

Please see the adobe license sign up by Wendeday end of day. Also, 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

See the deminstrations 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)