pages with power

all I know is

POWER

I want tokeep reading

PAGES with

Publication Design 1.0created by Sarah Nichols, MJE

Tuesday, July 19, 2011


today’s selections• issuu.com

group: student newspapers

• visualeditors.org• NSPA: Best of the

High School Press


it depends• page size (format)• location• content• publication style


where to begin?• maestro process

(WED or team)• what do you have and

what do you wantto do with it?

• how can you organize page elements in a way that “attracts eyeballs” and maintains interest?

2 Issue 3 |10.31.09NEWS The Titan Times


online influence?



strategies

DESIGN

for arrangingwhat you have

PRINCIPLES of

Publication Design 1.0


dominance• usually refers to size,

meaning the element is 2-3 times larger than all other elements

• also called “emphasis” although can be achieved by color, weight, shape

• CVI = center of visual impact (focal point)


dominance• package size• placement• typography

• which story is most important?

• what do I want readers to see first?

Indiana Daily Student, Indiana University


emphasis

The Stagg Line, A.A. Stagg High School


emphasis• when less is more• white space will

isolate or emphasize key content and attract attention

The Plain Dealer, Cleveland, Oh.


contrast• pairing “opposite” or

unlike elements to draw attention to their differences

• in size: big/small, horizontal/vertical

• in color: light/dark• in type: bold/light, all

caps/lowercase• in weight: thick/thin


contrast


proportion• also referred to as “scale” and sometimes

called “visual relationship”• relationship of sizes (nothing competes

for attention)• elements follow a hierarchy in size• modular design packages are smaller

variations of each other with type and other elements to scale (rectangular)


proportion• strong CVI• relationship of sizes

(nothing competesfor attention)

• headlines get smaller


proportion


rhythm• repetition of elements• pattern or predictable

arrangement that creates unity and harmony among elements



rhythm


rhythm


informal balance• elements are not equal in

weight or placement• also called asymmetrical• more contemporary than

formal balance and often creates more visual interest


informal balance

The Stagg Line, A.A. Stagg High School


unity• repetition of

elements such as type, color or shape to create a sense that everything goes together and is part of a carefully planned whole

• three-peat ruleVerde, Palo Alto High School


unity




direction• arrangement of elements to lead or direct

reader’s eye• in photography, leading lines


direction

Hauberk, Shawnee Mission East High School


direction


direction


direction


yes, but not this...


yes, but not this...


refresh yourself

www.makeyourmark.org


http://www.makeyourmark.org


structure• grids• external margins• visual hierarchy

The A-Blast, Annondale High School


columns• more columns or

grids (smaller) means more flexibility

• vertical columns• horizontal rows• consistent internal

margins• annual redesign


entry points

The A-Blast, Annandale High School


some considerations• news value above the fold• teasers and multiple entry points• not too much gray (the “hand” rule)• no tombstoned headlines• importance of packaging• placement of advertisements





The Bakersfield Californian, Bakersfield, Calif.


execute design

DESIGN

principles withthese tools

ELEMENTS of



elements• space• type• line• color

Indiana Daily Student, Indiana University


types of space• tight spacing: 0-3 pts, used to group like

elements (for packaging); creates unity• standard spacing: generally 1 pica

(although outdated), used as consistent internal margin; creates consistency

• expanded spacing: full grid or rail, used to open up a design and separate key content; creates isolation or emphasis



typography• headline impact• consistency• text as graphic• serif vs. sans-serif


type basics





type basics





type basics





type basics





type basics





readability

El Estoque, Monta Vista High School


color

http://graphics.tech.uh.edu/courses/3353/materials/Color/color.html




process color


spot color

The A-Blast, Annandale High SchoolTuesday, July 19, 2011

7/17/11 11:10 AMDefying Boundaries - page 13

Page 1 of 1http://issuu.com/fdonline/docs/defyingboundaries/13?mode=embed&documentId=110525155910-c3561593ad0e43eba0d212013bcf7f3b

color palette

The Featherduster, Westlake High School


black and white

El Estoque, Monta Vista High School


inspiring

DESIGN

examples tokeep you awake

TRENDS in news



cutouts & partials


infographic power


7/17/11 11:09 AMDefying Boundaries - page 13

Page 1 of 1http://issuu.com/fdonline/docs/defyingboundaries/13?mode=embed&documentId=110525155910-c3561593ad0e43eba0d212013bcf7f3b

illustration

The Featherduster, Westlake High School


case studies


case studies


roundups


where to look• NewsDesigns.com• Crown Finalists CD for members (CSPA)• magazines & annuals: Print,

Communication Arts, CMYK, SND• Newspaper Designer’s Handbook

(Tim Harrower) + JEA Bookstore• Color Index, Type Index, Idea Index

(Jim Krause)• websites and blogs (Newseum)


see for yourself

63


for more information• contact me: [email protected]


mailto:[email protected]

mailto:[email protected]