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