Visual Organization Communication 337 Visual Scanning of Page http://www.webstyleguide.com/page/hierarchy.html Visual Organizing Principles • Proximity • Alignment • Consistency / Repetition • Contrast Proximity Proximity 1 2 3 4 5
Visual OrganizationCommunication 337
Visual Scanning of Page
http://www.webstyleguide.com/page/hierarchy.html
Visual Organizing Principles
• Proximity
• Alignment
• Consistency / Repetition
• Contrast
Proximity
Proximity
1
2
3
4
5
Horizontal Alignment
Typical Print Layouts
Print Layout
Print Layout with Grid
Typical Web Page Layouts
11
12
13
14
15