SPATIAL DESIGN
THE SEARCH PROBLEM
• Macula and Periphery
SCANNING
• Reading scan order
• Hierarchic Scan
• Use of white space
READING SCAN ORDER
READING SCAN ORDER
READING SCAN ORDER
HIERARCHIC SCAN
• Eye tries to make global sense of what it sees
HIERARCHIC SCAN
HIERARCHIC SCAN
HIERARCHIC SCAN
WHITE SPACE
WHITE SPACE
WHITE SPACE
LAYOUT
• Grid systems and alignment
• Balance
• Rhythm - repetition
ALIGNMENT
ALIGNMENT
ALIGNMENT
ALIGNMENT
960 GRID SYSTEM
960 GRID SYSTEM
ALIGNMENT
BALANCE
RHYTHM
CONSISTENCY
• Consistent look
• Allocate everything to a logical place
• Consistent graphics and Images
CONSISTENCY -- LOGICAL LAYOUT
CONSISTENCY -- LOGICAL LAYOUT
CONSISTENCY -- LOGICAL LAYOUT
CONSISTENCY -- GRAPHICAL STYLE
COMPUTING
FONT CHOICE
• Consistent font choice
• Font as information or as art
• Centered text
• Wide stretches of text
• Leading and Kerning
SIMPLICITY
SIMPLICITY
SIMPLICITY
OVERVIEW• Visual Search
• Macula and Periphery
• Scanning
• Reading scan order
• Hierarchic Scan
• White space
• Layout
• Grid systems
• Balance
• Rhythm
• Consistency
• Consistent logical layout
• Consistent use of imagery
• Simplicity