http://www.becominghuman.org

An Alidade

http://www.4realdough.com/

http://www.sonyclassics.com/fogofwar/indexFlash.html

turntable

Jukebox

A classic phonograph

• Motifs: a usually recurring salient thematic element (as in the arts); especially : a dominant idea or central theme

主題 ; 意念 ; 動機 ; 要素 ; 特色

• Good designers are able to use motifs to make references to their concepts, ideas, or stories

• Great motifs are more than decorations; they are adopted and transformed to provide functions specific to the web medium

colors[not colours]

Subtractive Colors Additive Colors

red: 255green: 0blue: 0

red: 0green: 255

blue: 0

red: 0green: 0blue: 255

primary colors

contrastcontrastcontrastcontrastcontrast contrast contrast

contrastcontrast

contrastcontrastcontrastcontrastcontrast contrast contrast

contrastcontrast

contrastcontrastcontrastcontrastcontrast contrast contrast

contrastcontrast

reduce luminosityprimary on primary

red: 255green: 255

blue: 0

red: 0green: 255blue: 255

red: 255green: 0blue: 255

secondary colors

green+red

green+blue

complimentary

complimentary colorscolor across the wheel

primary + secondary | tertiary+tertiary

red:255green: 0blue:127

red:0green:255blue:127

red:127green: 255

blue:0

red:127green:0blue:255

reduce luminositycomplimentary sets

split complimentarysoftens the contrast

red:127green: 0blue:255

red:0green:127blue:255

red:127green: 255

blue:0

red:0green:255blue:127

red:0green: 0blue:255

red:0green: 255

blue:0

splitcomplimentary

splitcomplimentary

X0.5

basic color strategies

Example: Louise Vuitton

http://www.vuitton.com

monotone chromatics?

http://www.designinteract.com/

pick colors from photos

Nature has the best color palette

start every design with 3 colors

• Major color: the color that will be used most• Accent color: a color similar to the major color• Highlight: a color that contrast the major color

X0.5

Example: Louise Vuitton

http://www.vuitton.com

monotone chromatics?

http://www.designinteract.com/

http://www.az2.co.uk/

http://www.cartoonnetwork.com/shop/halw/?homeshopc

http://www.cmcgolfclubs.com (blue on green ok)

http://www.info.gov.hk/eindex.htm (yellow not used in key text) http://www.info.gov.hk/ef2.htm

http://www.emb.gov.hk/index.asp (too many colors)

what is the color strategy?

main colors

highlights

indecisive color strategy

too much contrast-no tertiary color

http://www.cartoonnetwork.com/shop/halw/?homeshopc

http://www.cmcgolfclubs.com (blue on green ok)

http://www.info.gov.hk/eindex.htm (yellow not used in key text) http://www.info.gov.hk/ef2.htm

http://www.emb.gov.hk/index.asp (too many colors)