Introduction to Web DesignLecture #2: Look & Feel

Jonté Craighead & Cathy Zhang

January 13th, 2009

Student Information Processing Board (SIPB)

Overview

Colors

CSS box & “float” property

Layout

Colors

• Monochromatic (http://haveamint.com/)

• Achromatic (http://subtraction.com/)

• Analogous (http://www.regines.net.au/)

• Complementary (http://www.faithink.com/)

4

Monochromatic

http://haveamint.com/

5

Achromatic

http://www.subtraction.com/

6

Analogous

http://www.regines.net.au/

7

Complementary

http://www.faithink.com

Colors

• Useful tools

– http://www.colorschemer.com/online.html

– http://www.degraeve.com/color-palette/index.php

– http://www.vischeck.com/vischeck/vischeckURL.php

CSS Box

“float” property

Example:http://sipb.mit.edu/iap/webdesign/examples/Portfolio

Layout