layout tips read assignment. headline image of product body copy logo toll-free phone # bold ...

5
Layout Tips Read Assignment

Upload: charla-flynn

Post on 18-Jan-2018

216 views

Category:

Documents


0 download

DESCRIPTION

Design Tips CONTRAST Use type hierarchy (see this page). REPETITION Parallel items should have the same in font ALIGNMENT Align each item with something else. Avoid center alignment. PROXIMITY Group similar items together. Separate dissimilar items. Leave white space between.

TRANSCRIPT

Page 1: Layout Tips Read Assignment.  Headline  Image of Product  Body Copy  Logo  Toll-free Phone # bold  Address & Web Site

Layout Tips

Read Assignment

Page 2: Layout Tips Read Assignment.  Headline  Image of Product  Body Copy  Logo  Toll-free Phone # bold  Address & Web Site

Headline

Image of Product

Body CopyLogoToll-free Phone # boldAddress & Web Site

Page 3: Layout Tips Read Assignment.  Headline  Image of Product  Body Copy  Logo  Toll-free Phone # bold  Address & Web Site

Design Tips CONTRAST

Use type hierarchy(see this page).

REPETITIONParallel items should

have the same in font

ALIGNMENT Align each item with something else.

Avoid center alignment.

PROXIMITY Group similar items together.

Separate dissimilar items.Leave white space between.

Page 4: Layout Tips Read Assignment.  Headline  Image of Product  Body Copy  Logo  Toll-free Phone # bold  Address & Web Site

Things to Avoid TYPE THAT GOES EVERYWHERE. USING THESE ANNOYING ICONS (stick with

bullets, squares, dashes, or check boxes for checklists)

CLUTTER—GIVE IT SPACE, LET IT BREATHE LIKE A FINE WINE.

* AVOID ALL CAPITAL LETTERS (EXCEPT SHORT WORDS)

* CENTER ALIGNMENT* Type that’s all the same size (use type hierarchy and

type contrasts)* FONTS THAT ARE HARD TO READ AND LOTS of

different fonts on a page (stick w/ 2 or 3)* Ad with no border or broken border

* More than one dominant visual (divides attention)* Cheezy clip art and borders that secretaries use.

* Lousy line breaks like the ones above.

Slanted text (amateurish, hard to read).

Page 5: Layout Tips Read Assignment.  Headline  Image of Product  Body Copy  Logo  Toll-free Phone # bold  Address & Web Site

Questions?