spatial design

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