Editorial Design with Expression Engine: Collection by Greg Wood

As a profession, editorial design encompasses one of the largest employers of graphic designers. The amount of media that is created between the fields of book design, newspaper publication, magazine design and their online counterparts demands the attention of many different designers with varied specialties. Even though the development of the computer has put many publishers, newspapers and magazines out of business there are many who are also finding a home in electronic media that include online blogs, iPhone apps and electronic publication

EDITORIAL DESIGN WITH

EXPRESSIONENGINE

GREG WOOD

HELLO

AIM

1 2 3

1 2 3

1 2 3

EDITORIAL DESIGN

1

WIRED (FULL SHOT)

WIRED (CROP 1)

EDITORIAL DESIGN

ON THE WEB

2

THE NEW WAVE

EXAMPLE 1 (JSM 1 OF 3)

EXAMPLE 2 (YARON SCHOEN 1 OF 3)

EXAMPLE 3 (TF2 1 OF 2)

MAGAZINE WEBSITE

WIRED

MAGAZINE IPAD WEBSITE

WIRED

EDITORIAL DESIGN & EXPRESSIONENGINE

3

title colour white

intro text

colour white

FIELD VALUE

title colour white

title colour white

FIELD VALUE

title colour white title position bottom left

title colour white

title position bottom left

intro position right

typeface chaparral pro

FIELD VALUE

title colour white

title position bottom left

intro position right

typeface chaparral pro page bg colour light teal

FIELD VALUE

SIZE + POSITION

.span_1 { width:48px; }

.span_2 { width:112px; } span_3 { width:176px; } span_4 { width:240px; } span_5 { width:304px; } span_6 { width:368px; } span_7 { width:432px; } span_8 { width:496px; }

CSS

SIZE + POSITION

class=”right”

.left { float:left; margin-right:16px; }

.right { float:right; margin-left:16px; }

CSS

.left { float:left; margin-right:16px; }

.right { float:right; margin-left:16px; }

CSS

class=”span_4 right”

class=”span_3 right” class=”span_5 left”

SIMPLE + COMPLICATED =

SIMPLE + COMPLICATED =

TEXTAREA

AIM

HTTP://GREGORYWOOD.CO.UK