pages with power
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

pages with power

on

  • 1,109 views

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

Statistics

Views

Total Views
1,109
Views on SlideShare
1,092
Embed Views
17

Actions

Likes
1
Downloads
26
Comments
0

3 Embeds 17

http://www.pinterest.com 12
http://pinterest.com 3
https://cobbk12.blackboard.com 2

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

pages with power Presentation 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