Your SlideShare is downloading. ×
pages with power
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

pages with power

810

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

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
810
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
29
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. Tuesday, July 19, 2011
  • 3. today’s selections • issuu.com group: student newspapers • visualeditors.org • NSPA: Best of the High School PressTuesday, July 19, 2011
  • 4. it depends • page size (format) • location • content • publication styleTuesday, July 19, 2011
  • 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. online influence?Tuesday, July 19, 2011
  • 7. Tuesday, July 19, 2011
  • 8. strategies for arranging what you have Publication Design 1.0 PRINCIPLES of DESIGNTuesday, July 19, 2011
  • 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. 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. emphasis The Stagg Line, A.A. Stagg High SchoolTuesday, July 19, 2011
  • 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. 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. contrastTuesday, July 19, 2011
  • 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. proportion • strong CVI • relationship of sizes (nothing competes for attention) • headlines get smallerTuesday, July 19, 2011
  • 17. proportionTuesday, July 19, 2011
  • 18. rhythm • repetition of elements • pattern or predictable arrangement that creates unity and harmony among elementsTuesday, July 19, 2011
  • 19. Tuesday, July 19, 2011
  • 20. rhythmTuesday, July 19, 2011
  • 21. rhythmTuesday, July 19, 2011
  • 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. informal balance The Stagg Line, A.A. Stagg High SchoolTuesday, July 19, 2011
  • 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. unityTuesday, July 19, 2011
  • 26. Tuesday, July 19, 2011
  • 27. Tuesday, July 19, 2011
  • 28. direction • arrangement of elements to lead or direct reader’s eye • in photography, leading linesTuesday, July 19, 2011
  • 29. direction Hauberk, Shawnee Mission East High SchoolTuesday, July 19, 2011
  • 30. directionTuesday, July 19, 2011
  • 31. directionTuesday, July 19, 2011
  • 32. directionTuesday, July 19, 2011
  • 33. yes, but not this...Tuesday, July 19, 2011
  • 34. yes, but not this...Tuesday, July 19, 2011
  • 35. refresh yourself www.makeyourmark.orgTuesday, July 19, 2011
  • 36. structure • grids • external margins • visual hierarchy The A-Blast, Annondale High SchoolTuesday, July 19, 2011
  • 37. columns • more columns or grids (smaller) means more flexibility • vertical columns • horizontal rows • consistent internal margins • annual redesignTuesday, July 19, 2011
  • 38. entry points The A-Blast, Annandale High SchoolTuesday, July 19, 2011
  • 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. Tuesday, July 19, 2011
  • 41. Tuesday, July 19, 2011
  • 42. Tuesday, July 19, 2011
  • 43. The Bakersfield Californian, Bakersfield, Calif.Tuesday, July 19, 2011
  • 44. execute design principles with these tools Publication Design 1.0 ELEMENTS of DESIGNTuesday, July 19, 2011
  • 45. elements • space • type • line • color Indiana Daily Student, Indiana UniversityTuesday, July 19, 2011
  • 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. Tuesday, July 19, 2011
  • 48. typography • headline impact • consistency • text as graphic • serif vs. sans-serifTuesday, July 19, 2011
  • 49. type basics www.makeyourmark.orgTuesday, July 19, 2011
  • 50. type basics www.makeyourmark.orgTuesday, July 19, 2011
  • 51. type basics www.makeyourmark.orgTuesday, July 19, 2011
  • 52. type basics www.makeyourmark.orgTuesday, July 19, 2011
  • 53. type basics www.makeyourmark.orgTuesday, July 19, 2011
  • 54. readability El Estoque, Monta Vista High SchoolTuesday, July 19, 2011
  • 55. color http://graphics.tech.uh.edu/courses/3353/materials/Color/color.htmlTuesday, July 19, 2011
  • 56. process colorTuesday, July 19, 2011
  • 57. spot color The A-Blast, Annandale High SchoolTuesday, July 19, 2011
  • 58. color palette Defying Boundaries - page 13 7/17/11 11:10 AM The Featherduster, Westlake High SchoolTuesday, July 19, 2011
  • 59. black and white El Estoque, Monta Vista High SchoolTuesday, July 19, 2011
  • 60. inspiring examples to keep you awake Publication Design 1.0 TRENDS in news DESIGNTuesday, July 19, 2011
  • 61. cutouts & partialsTuesday, July 19, 2011
  • 62. infographic powerTuesday, July 19, 2011
  • 63. illustration Defying Boundaries - page 13 7/17/11 11:09 AM The Featherduster, Westlake High SchoolTuesday, July 19, 2011
  • 64. case studiesTuesday, July 19, 2011
  • 65. case studiesTuesday, July 19, 2011
  • 66. roundupsTuesday, July 19, 2011
  • 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. see for yourself 63Tuesday, July 19, 2011
  • 69. for more information • contact me: CuriousSJG@yahoo.comTuesday, July 19, 2011

×