Yearbook Design_Graphics

Views:
 
Category: Education
     
 

Presentation Description

No description available.

Comments

Presentation Transcript

PowerPoint Presentation:

| GRAPHIC DESIGN

PowerPoint Presentation:

Functional Design Content-driven Makes a strong verbal and visual connection with each photo and copy element planned to add a different aspect of story to the spread Readable Presents photographs and copy logically Consistent Gives readers a sense of organization Entertaining Appeals creatively to its audience

PowerPoint Presentation:

Glenbrook South HS | Glenview, IL

PowerPoint Presentation:

Whitney High School | Rocklin, CA

PowerPoint Presentation:

Kirkwood High School | Kirkwood, MO

PowerPoint Presentation:

Madison County High School | Danielsville, GA

PowerPoint Presentation:

Content Elements Verbal Headlines: primary | secondary Stories: features | quick reads/infographs Captions: ID | summary | expanded Visual Photos: action | reaction | posed/reference Artwork

PowerPoint Presentation:

Lake Dallas High School | Corinth, TX

PowerPoint Presentation:

Green Valley High School | Henderson, NV

PowerPoint Presentation:

Basic Guidelines Structure External spacing Internal spacing Bull ’ s eye effect Linkage Dominance and proportion Contrast

PowerPoint Presentation:

Structure

PowerPoint Presentation:

External Spacing | Internal Spacing

PowerPoint Presentation:

Margin Text Photos Bull ’ s Eye Effect

PowerPoint Presentation:

Linkage | Type & Flow

PowerPoint Presentation:

Dominance | Proportion

PowerPoint Presentation:

Contrast

PowerPoint Presentation:

Step by Step Column grids provide a framework for holding the content elements. The dominant element is placed in the center and drives the placement of a horizontal eyeline for alignment. Strategically place the headline and story module to work with the dominant photo. Group additional content around the dominant following the column grid. Captions are placed outside the photos.

PowerPoint Presentation:

Step 1 | Establish column grids as a framework for the design.

PowerPoint Presentation:

Step 2 | Place the dominant near the center watching for the gutter.

PowerPoint Presentation:

Step 3 | The dominant guides the placement of the horizontal eyeline .

PowerPoint Presentation:

Step 4 | Strategically place the headline and story module.

PowerPoint Presentation:

Step 5 | Secondary content is placed around the dominant.

PowerPoint Presentation:

Step 6 | Captions are placed within the column grid and to the outside.

PowerPoint Presentation:

Modular Design Traditional photo spaces = content modules More coverage More content More design Modules can be related coverage or independent stories All basic design principles and strategies still applied in modular approach

PowerPoint Presentation:

Modular Design | Replace photo blocks with content modules.

PowerPoint Presentation:

Modular Design | Replace photo blocks with content modules.

PowerPoint Presentation:

Modular Design | Replace photo blocks with content modules.

PowerPoint Presentation:

Modular Design | Replace photo blocks with content modules.

PowerPoint Presentation:

Modular Design | Replace photo blocks with content modules.

PowerPoint Presentation:

Modular Design | Replace photo blocks with content modules.

PowerPoint Presentation:

Modular Design | Replace photo blocks with content modules.

PowerPoint Presentation:

Space 3 levels: Standard: 1 pica Tight: 2-3 points Expanded: vertical and horizontal rails (3 picas)

PowerPoint Presentation:

Spacing | Westlake HS | Austin, TX

PowerPoint Presentation:

[1] Standard [1] Standard [1] Standard Spacing | Westlake HS | Austin, TX

PowerPoint Presentation:

[2] Tight [2] Tight Spacing | Westlake HS | Austin, TX

PowerPoint Presentation:

[3] Expanded [3] Expanded Spacing | Westlake HS | Austin, TX

PowerPoint Presentation:

Purposeful Graphics Use graphic tools with content to: Unify and separate Emphasize and de-emphasize Direct the reader Develop graphic strategies with: Headline packages Story and sidebar treatments Caption enhancements Photo collections Navigational devices: labels, folios

PowerPoint Presentation:

Westlake High School | Austin, TX

PowerPoint Presentation:

Westlake High School | Austin, TX

PowerPoint Presentation:

Three-peat Strategy Draws attention to deserving elements serving as a unifying force through repetition or reflection of: Lines Color Textures/patterns Shapes Space Typography

PowerPoint Presentation:

Three-peat Strategy | Lines

PowerPoint Presentation:

Three-peat Strategy | Color

PowerPoint Presentation:

Three-peat Strategy | Shapes

PowerPoint Presentation:

Three-peat Strategy | Typography

PowerPoint Presentation:

Three-peat Strategy | Screen & Texture

PowerPoint Presentation:

Contrast Opposing elements add visual energy Content: verbal | visual Size: large | small Format: vertical | horizontal Shape: rectangular | circular | odd Weight: light | bold Width: wide | narrow Font: serif | serif | decorative Alignment: justified | unjustified Color: black and white | process/spot color

PowerPoint Presentation:

Contrast | Weight

PowerPoint Presentation:

Contrast | Color

PowerPoint Presentation:

Contrast | Vertical & Horizontal

PowerPoint Presentation:

Contrast | Font

PowerPoint Presentation:

Color Spread Strategy: Accent color inspired by the photographs Section Strategy: Color assigned to each section Thematic Strategy: A unique palette is reserved for theme related components including cover, endsheet, opening/closing and dividers

PowerPoint Presentation:

JEA | NSPA SEATTLE 2012 JEA | NSPA SEATTLE 2012 Spread Strategy | Dos Pueblos HS | Goleta, CA

PowerPoint Presentation:

Spread Strategy | Glenbook South HS | Glenview, IL

PowerPoint Presentation:

JEA | NSPA SEATTLE 2012 Section Strategy | USA Today

PowerPoint Presentation:

JEA | NSPA SEATTLE 2012 Section Strategy | Kirkwood HS | Kirkwood, MO

PowerPoint Presentation:

Section Strategy | Kirkwood HS | Kirkwood, MO

PowerPoint Presentation:

JEA | NSPA SEATTLE 2012 Thematic Strategy | Loudoun Valley HS | Purcellville, VA

PowerPoint Presentation:

JEA | NSPA SEATTLE 2012 Thematic Strategy | Loudoun Valley HS | Purcellville, VA

PowerPoint Presentation:

JEA | NSPA SEATTLE 2012 Thematic Strategy | Loudoun Valley HS | Purcellville, VA

PowerPoint Presentation:

Typography Organized by styles, families and faces Serif Sans serif Decorative Handwritten Grunge Specialty/limited use

PowerPoint Presentation:

Type | Type Family & Faces Helvetica Helvetica Light Helvetica (medium) Helvetica Bold Helvetica Black Helvetica Black Condensed Helvetica Oblique (Italic)

PowerPoint Presentation:

Serif>with feet Sans Serif>with feet Serif & Sans Serif

PowerPoint Presentation:

Decorative

PowerPoint Presentation:

| THANK YOU!

authorStream Live Help