Visual Design for the Web

1
Visual Design for the Web
2
Keep the end in mind

• What is the purpose of the webpage?

3
(No Transcript)
4
(No Transcript)
5
Organizing principals
6
Grids
7
Color
8
White Space
9
Contrast
10
Proximity
11
Consistency
12
(No Transcript)
13
(No Transcript)
14
Simplify

• Simplify the users experience by using consistent
  navigation and visual cues

15
Simplify

• Subtle changes provide navigation clues

16
RememberVisual Organization

• Grids
• Color
• Variety
• Contrast
• Space
• Order

17
Usability Guidlines

• Consistency helps navigation
• Visual clues
• User centered
• Site map or index
• Visited links
• Alt tags for images
• Images load quickly

18
Paul Rand
Design is the synthesis of form and content
When form predominates meaning is blunted, but
when content predominates interest lags.
Paul Rand