all I know is                         I want to                         keep reading                         Publication D...
Tuesday, July 19, 2011
today’s selections                                   • issuu.com                                     group: student       ...
it depends                         •   page size (format)                         •   location                         •  ...
where to begin?   2   NEWS          The Titan Times                                       Issue 3 |10.31.09   • maestro pr...
online influence?Tuesday, July 19, 2011
Tuesday, July 19, 2011
strategies                         for arranging                         what you have                         Publication...
dominance                         • usually refers to size,                           meaning the element is              ...
dominance                                                  • package size                                                 ...
emphasis                         The Stagg Line, A.A. Stagg High SchoolTuesday, July 19, 2011
emphasis                                           • when less is more                                           • white s...
contrast                         • pairing “opposite” or                           unlike elements to draw                ...
contrastTuesday, July 19, 2011
proportion      • also referred to as “scale” and sometimes        called “visual relationship”      • relationship of siz...
proportion                         • strong CVI                         • relationship of sizes                           ...
proportionTuesday, July 19, 2011
rhythm                         • repetition of elements                         • pattern or predictable                  ...
Tuesday, July 19, 2011
rhythmTuesday, July 19, 2011
rhythmTuesday, July 19, 2011
informal balance                         • elements are not equal in                           weight or placement        ...
informal balance                           The Stagg Line, A.A. Stagg High SchoolTuesday, July 19, 2011
unity                                    • repetition of                                      elements such as            ...
unityTuesday, July 19, 2011
Tuesday, July 19, 2011
Tuesday, July 19, 2011
direction      • arrangement of elements to lead or direct        reader’s eye      • in photography, leading linesTuesday...
direction         Hauberk, Shawnee Mission East High SchoolTuesday, July 19, 2011
directionTuesday, July 19, 2011
directionTuesday, July 19, 2011
directionTuesday, July 19, 2011
yes, but not this...Tuesday, July 19, 2011
yes, but not this...Tuesday, July 19, 2011
refresh yourself                   www.makeyourmark.orgTuesday, July 19, 2011
structure                                           • grids                                           • external margins  ...
columns                         • more columns or                           grids (smaller)                           mean...
entry points                The A-Blast, Annandale High SchoolTuesday, July 19, 2011
some considerations      •    news value above the fold      •    teasers and multiple entry points      •    not too much...
Tuesday, July 19, 2011
Tuesday, July 19, 2011
Tuesday, July 19, 2011
The Bakersfield Californian, Bakersfield, Calif.Tuesday, July 19, 2011
execute design                         principles with                         these tools                         Publica...
elements                                                        •   space                                                 ...
types of space      • tight spacing: 0-3 pts, used to group like        elements (for packaging); creates unity      • sta...
Tuesday, July 19, 2011
typography                         •   headline impact                         •   consistency                         •  ...
type basics                   www.makeyourmark.orgTuesday, July 19, 2011
type basics                   www.makeyourmark.orgTuesday, July 19, 2011
type basics                   www.makeyourmark.orgTuesday, July 19, 2011
type basics                   www.makeyourmark.orgTuesday, July 19, 2011
type basics                   www.makeyourmark.orgTuesday, July 19, 2011
readability                         El Estoque, Monta Vista High SchoolTuesday, July 19, 2011
color               http://graphics.tech.uh.edu/courses/3353/materials/Color/color.htmlTuesday, July 19, 2011
process colorTuesday, July 19, 2011
spot color                         The A-Blast, Annandale High SchoolTuesday, July 19, 2011
color palette         Defying Boundaries - page 13                      7/17/11 11:10 AM                 The Featherduster...
black and white                           El Estoque, Monta Vista High SchoolTuesday, July 19, 2011
inspiring                         examples to                         keep you awake                         Publication D...
cutouts & partialsTuesday, July 19, 2011
infographic powerTuesday, July 19, 2011
illustration             Defying Boundaries - page 13                  7/17/11 11:09 AM               The Featherduster, W...
case studiesTuesday, July 19, 2011
case studiesTuesday, July 19, 2011
roundupsTuesday, July 19, 2011
where to look      • NewsDesigns.com      • Crown Finalists CD for members (CSPA)      • magazines & annuals: Print,      ...
see for yourself                                            63Tuesday, July 19, 2011
for more information      • contact me: CuriousSJG@yahoo.comTuesday, July 19, 2011
Upcoming SlideShare
Loading in...5
×

pages with power

854

Published on

Geared toward designers of student media, this presentation covers the principles of design and how to arrange visual elements for eye-catching, reader-friendly pages in newspapers, yearbooks and new

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
854
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
31
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

pages with power

  1. 1. all I know is I want to keep reading Publication Design 1.0 created by Sarah Nichols, MJE PAGES with POWERTuesday, July 19, 2011
  2. 2. Tuesday, July 19, 2011
  3. 3. today’s selections • issuu.com group: student newspapers • visualeditors.org • NSPA: Best of the High School PressTuesday, July 19, 2011
  4. 4. it depends • page size (format) • location • content • publication styleTuesday, July 19, 2011
  5. 5. where to begin? 2 NEWS The Titan Times Issue 3 |10.31.09 • maestro process (WED or team) • what do you have and what do you want to do with it? • how can you organize page elements in a way that “attracts eyeballs” and maintains interest?Tuesday, July 19, 2011
  6. 6. online influence?Tuesday, July 19, 2011
  7. 7. Tuesday, July 19, 2011
  8. 8. strategies for arranging what you have Publication Design 1.0 PRINCIPLES of DESIGNTuesday, July 19, 2011
  9. 9. 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)Tuesday, July 19, 2011
  10. 10. dominance • package size • placement • typography • which story is most important? • what do I want readers to see first? Indiana Daily Student, Indiana UniversityTuesday, July 19, 2011
  11. 11. emphasis The Stagg Line, A.A. Stagg High SchoolTuesday, July 19, 2011
  12. 12. emphasis • when less is more • white space will isolate or emphasize key content and attract attention The Plain Dealer, Cleveland, Oh.Tuesday, July 19, 2011
  13. 13. 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/thinTuesday, July 19, 2011
  14. 14. contrastTuesday, July 19, 2011
  15. 15. 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)Tuesday, July 19, 2011
  16. 16. proportion • strong CVI • relationship of sizes (nothing competes for attention) • headlines get smallerTuesday, July 19, 2011
  17. 17. proportionTuesday, July 19, 2011
  18. 18. rhythm • repetition of elements • pattern or predictable arrangement that creates unity and harmony among elementsTuesday, July 19, 2011
  19. 19. Tuesday, July 19, 2011
  20. 20. rhythmTuesday, July 19, 2011
  21. 21. rhythmTuesday, July 19, 2011
  22. 22. informal balance • elements are not equal in weight or placement • also called asymmetrical • more contemporary than formal balance and often creates more visual interestTuesday, July 19, 2011
  23. 23. informal balance The Stagg Line, A.A. Stagg High SchoolTuesday, July 19, 2011
  24. 24. 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 rule Verde, Palo Alto High SchoolTuesday, July 19, 2011
  25. 25. unityTuesday, July 19, 2011
  26. 26. Tuesday, July 19, 2011
  27. 27. Tuesday, July 19, 2011
  28. 28. direction • arrangement of elements to lead or direct reader’s eye • in photography, leading linesTuesday, July 19, 2011
  29. 29. direction Hauberk, Shawnee Mission East High SchoolTuesday, July 19, 2011
  30. 30. directionTuesday, July 19, 2011
  31. 31. directionTuesday, July 19, 2011
  32. 32. directionTuesday, July 19, 2011
  33. 33. yes, but not this...Tuesday, July 19, 2011
  34. 34. yes, but not this...Tuesday, July 19, 2011
  35. 35. refresh yourself www.makeyourmark.orgTuesday, July 19, 2011
  36. 36. structure • grids • external margins • visual hierarchy The A-Blast, Annondale High SchoolTuesday, July 19, 2011
  37. 37. columns • more columns or grids (smaller) means more flexibility • vertical columns • horizontal rows • consistent internal margins • annual redesignTuesday, July 19, 2011
  38. 38. entry points The A-Blast, Annandale High SchoolTuesday, July 19, 2011
  39. 39. 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 advertisementsTuesday, July 19, 2011
  40. 40. Tuesday, July 19, 2011
  41. 41. Tuesday, July 19, 2011
  42. 42. Tuesday, July 19, 2011
  43. 43. The Bakersfield Californian, Bakersfield, Calif.Tuesday, July 19, 2011
  44. 44. execute design principles with these tools Publication Design 1.0 ELEMENTS of DESIGNTuesday, July 19, 2011
  45. 45. elements • space • type • line • color Indiana Daily Student, Indiana UniversityTuesday, July 19, 2011
  46. 46. 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 emphasisTuesday, July 19, 2011
  47. 47. Tuesday, July 19, 2011
  48. 48. typography • headline impact • consistency • text as graphic • serif vs. sans-serifTuesday, July 19, 2011
  49. 49. type basics www.makeyourmark.orgTuesday, July 19, 2011
  50. 50. type basics www.makeyourmark.orgTuesday, July 19, 2011
  51. 51. type basics www.makeyourmark.orgTuesday, July 19, 2011
  52. 52. type basics www.makeyourmark.orgTuesday, July 19, 2011
  53. 53. type basics www.makeyourmark.orgTuesday, July 19, 2011
  54. 54. readability El Estoque, Monta Vista High SchoolTuesday, July 19, 2011
  55. 55. color http://graphics.tech.uh.edu/courses/3353/materials/Color/color.htmlTuesday, July 19, 2011
  56. 56. process colorTuesday, July 19, 2011
  57. 57. spot color The A-Blast, Annandale High SchoolTuesday, July 19, 2011
  58. 58. color palette Defying Boundaries - page 13 7/17/11 11:10 AM The Featherduster, Westlake High SchoolTuesday, July 19, 2011
  59. 59. black and white El Estoque, Monta Vista High SchoolTuesday, July 19, 2011
  60. 60. inspiring examples to keep you awake Publication Design 1.0 TRENDS in news DESIGNTuesday, July 19, 2011
  61. 61. cutouts & partialsTuesday, July 19, 2011
  62. 62. infographic powerTuesday, July 19, 2011
  63. 63. illustration Defying Boundaries - page 13 7/17/11 11:09 AM The Featherduster, Westlake High SchoolTuesday, July 19, 2011
  64. 64. case studiesTuesday, July 19, 2011
  65. 65. case studiesTuesday, July 19, 2011
  66. 66. roundupsTuesday, July 19, 2011
  67. 67. 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)Tuesday, July 19, 2011
  68. 68. see for yourself 63Tuesday, July 19, 2011
  69. 69. for more information • contact me: CuriousSJG@yahoo.comTuesday, July 19, 2011
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×