COLUMNS THE FOUNDATION OF DESIGN COLUMNS Visually organize

  • Slides: 37
Download presentation
COLUMNS THE FOUNDATION OF DESIGN

COLUMNS THE FOUNDATION OF DESIGN

COLUMNS Visually organize your content

COLUMNS Visually organize your content

WHY WE DESIGN WITH COLUMNS • Reflects magazine and newspaper design • Helps readability

WHY WE DESIGN WITH COLUMNS • Reflects magazine and newspaper design • Helps readability • Makes content the primary focus • Provides a guide/road map for the reader

DESIGN ELEMENTS • Photographs • Copy Packages (Headlines, Secondary Headlines, Copy) • Captions •

DESIGN ELEMENTS • Photographs • Copy Packages (Headlines, Secondary Headlines, Copy) • Captions • White Space/Negative Space • Graphics/Art

LAYOUT BASICS • Design double-page spreads • Set picas as the unit of measurement

LAYOUT BASICS • Design double-page spreads • Set picas as the unit of measurement • Set adequate external margins • Set consistent internal spacing • Select number of columns

COLUMN LAYOUT Let’s build a 10 -column layout (with a vertical dominant photograph)

COLUMN LAYOUT Let’s build a 10 -column layout (with a vertical dominant photograph)

External Margins 10 Columns across the double-page spread 1 2 3 4 5 6

External Margins 10 Columns across the double-page spread 1 2 3 4 5 6 7 8 9 Column Gutter One Pica Internal Margin Bottom External Margins Even Page 10 Column Layout Double-page spread Odd Page 10

Eyeline Folio Tab Add folios and eyeline Folio Tab

Eyeline Folio Tab Add folios and eyeline Folio Tab

Vertical Dominant Photo Add vertical dominant photo

Vertical Dominant Photo Add vertical dominant photo

Copy Package Rests on Eyeline Add copy package Headline, secondary headline, copy block

Copy Package Rests on Eyeline Add copy package Headline, secondary headline, copy block

Contrasting Shape Bleed One Pica Add other photos Different sizes and shapes One Pica

Contrasting Shape Bleed One Pica Add other photos Different sizes and shapes One Pica

One Pica Add captions Placed next to each photo

One Pica Add captions Placed next to each photo

10 -Column Layout With photos

10 -Column Layout With photos

10 -Column Layout With photos and color headline

10 -Column Layout With photos and color headline

Secondary Story Package Add secondary story package Delete photo and caption to additional coverage

Secondary Story Package Add secondary story package Delete photo and caption to additional coverage

Secondary Story With photos and color headlines

Secondary Story With photos and color headlines

COLUMN LAYOUT Let’s build a 10 -column layout (with a horizontal dominant photograph)

COLUMN LAYOUT Let’s build a 10 -column layout (with a horizontal dominant photograph)

External Margins 10 Columns across the double-page spread 1 2 3 4 5 6

External Margins 10 Columns across the double-page spread 1 2 3 4 5 6 7 8 9 Column Gutter One Pica Internal Margin Bottom External Margins Even Page 10 -Column Layout Double-page spread Odd Page 10

Eyeline Folio Tab Add folios and eyeline Folio Tab

Eyeline Folio Tab Add folios and eyeline Folio Tab

Horizontal Dominant Photo Add horizontal dominant photo

Horizontal Dominant Photo Add horizontal dominant photo

Copy Package Rests on Eyeline Add copy package Headline, secondary headline, copy block

Copy Package Rests on Eyeline Add copy package Headline, secondary headline, copy block

Bleed One Pica Contrasting Shape Add other photos Different sizes and shapes

Bleed One Pica Contrasting Shape Add other photos Different sizes and shapes

One Pica Add captions Placed next to each photo

One Pica Add captions Placed next to each photo

10 -Column Layout With photos

10 -Column Layout With photos

10 -Column Layout With photos

10 -Column Layout With photos

10 -Column Layout With photos and color headline

10 -Column Layout With photos and color headline

10 -Column Layout With photos and color headline

10 -Column Layout With photos and color headline

VISUAL VARIETY Reposition design elements to avoid visual redundancy.

VISUAL VARIETY Reposition design elements to avoid visual redundancy.

10 -Column Layout Variations with color graphics

10 -Column Layout Variations with color graphics

10 -Column Layout Variations

10 -Column Layout Variations

10 -Column Layout Variations

10 -Column Layout Variations

10 -Column Layout Variations

10 -Column Layout Variations

10 -Column Layout Variations

10 -Column Layout Variations

10 -Column Layout Variations

10 -Column Layout Variations

THINGS TO • Design double-page spreads REMEMBER • Set picas as the unit of

THINGS TO • Design double-page spreads REMEMBER • Set picas as the unit of measurement • Set adequate external margins • Use one pica internal margins • Select number of columns • Fill columns completely with photos or type • Place type to the outside • Cluster photos toward the center

COLUMNS THE FOUNDATION OF DESIGN

COLUMNS THE FOUNDATION OF DESIGN

COLUMNS created in conjunction with PAUL ENDER HERFF JONES SPECIAL CONSULTANT

COLUMNS created in conjunction with PAUL ENDER HERFF JONES SPECIAL CONSULTANT