GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety...

14
GUIDELINES DESIGN of

Transcript of GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety...

Page 1: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

GUIDELINES

DESIGNof

Page 2: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

[Layout Guidelines]Bulls eye effect

Structure

Linkage

Dominance

Variety

Margins

Page 3: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

[Visual Bulls Eye]Verbal and visual elements interact together to form a BASIC visual bulls eye for design.

White space

Words

Photos

Page 4: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

[Bulls Eye Effect]Words

Photos

Margins

Page 5: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

[Structure]

Page 6: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

[Linkage, Dominance & Variety]

HORIZONTAL EYELINE

DOMINANCE

VARIETY VARIETY

VARIETY

VARIETY

Page 7: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.
Page 8: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

This is the dominant photo. Draw a photo box here. Every photo box should be a pica apart from other photos and text. Place Photo Here

Draw a photo box here. Place Photo here

bPlace Photo here

Draw a photo box here. Place Photo here

Draw a photo box here.Place Photo here

Place Photo here

This is where your headline goes.Myriad Pro Condensed Bold

This is where the body of the story goes. Place placeholder text here.You will convert the placeholder text to 3 columns and change the font to Myriad Pro point size 10 and leading at 15.

Page 9: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

Starter TemplatesAnalyze content needs

Determine photos/copy/graphics

Review ladder planConfirm section/page location

YT=Open PageWizard

YTO=Create/Page DesignerBegin with a blank template

Choose PageSurferSelect layout that best conveys content

Page 10: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

Analyze content needs: photos/copy/graphics

“Cool Tools” (isolated elements)

asterisk carrot (> OR <) spanish sidebar reader relevant sidebar myriad pro ayt chelsea section specific colors

poster/checklist for unifying graphics

LQT story + additional sidebars

1) thumbnails (YearTech)

2) image upload option (YearTech Online)

OR

Page 11: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

Review ladder plan: confirm section/page #/template (if pre-chosen)

multiples(flats) indicated by alternating blue pages on ladder

signature consists of all 16 pages (blue & white) on ladder

Page 12: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

Open Page Wizard: begin with blank template/set folios

Page 13: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

Choose YT PageSurfer: best displays content or utilizes graphic unifiers

Page 14: GUIDELINES DESIGN of. [Layout Guidelines] Bulls eye effect Structure Linkage Dominance Variety Margins.

Choose YTO PageSurfer: best displays content or utilizes graphic unifiers