proximity & alignment
TRANSCRIPT
Proximity & Alignment
PROXIMITY
PROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITY
PROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITY
PROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITY
PROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITY
PROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITY
PROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITYPROXIMITY
Proximity Proximity Proximity Proximity Proximity Proximity Proximity Proximity
proximity = nearness
Physical nearness = organizational nearness
So, group related items together!
My Favorite Things to Do:HikingBiking
Going to the beachCookingHanging out with friendsDrinking coffee
Eating out
My Favorite Things to Do:HikingBikingGoing to the beachHanging out with friends Cooking
Drinking coffeeGoing out to eat
THE WAY WE READ
ALIGNMENT
ALIGNMENT
ALIGNMENT
SOFTER SENSE OF LINE STRONGER SENSE OF LINE
Typographic Alignment
Justified
Makes a clean, even shape on page
Best when you have a lot of text
Used often in magazines, newspapers, and other publications (not web)
CenteredFormal & classical
Organic shape on page
Flush left (ragged right)Follows natural flow of language
Avoids spacing problems of justified text
Flush right (ragged left)
Departure from familiar reading progression
Makes for effective captions, sidebars, and marginal notes
Purpose of alignmentTo UNIFY & ORGANIZE the page
Good rule of thumb: Every type element on the page should be aligned with at least one other type element