spatial design
DESCRIPTION
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. - PowerPoint PPT PresentationTRANSCRIPT
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