Introduction to Web DesignLecture #2: Look & Feel

Jonté Craighead & Cathy Zhang

January 13th, 2009

Student Information Processing Board (SIPB)

1

Overview Colors

CSS box & “float” property

Layout

2

Colors

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

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

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

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

3

Monochromatic

4http://haveamint.com/

4

Achromatic

5http://www.subtraction.com/

5

Analogous

6

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

6

Complementary

7

http://www.faithink.com

7

Colors

• Useful tools– http://www.colorschemer.com/online.html– http://www.degraeve.com/color-palette/

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

vischeckURL.php

8

CSS Box

9

“float” property

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

10

Layout

11