Proximity & Alignment

  • View
    33

  • Download
    0

Embed Size (px)

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 coee

    Eating out

  • My Favorite Things to Do: HikingBikingGoing to the beachHanging out with friends Cooking

    Drinking coeeGoing 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 eective 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