Your SlideShare is downloading. ×
0
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
graphics and design
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

graphics and design

2,412

Published on

Based on Standards for Journalism Educators from the Journalism Education Association, this slide show addresses standard 1A.10: Value of and skills needed to package media products effectively, using …

Based on Standards for Journalism Educators from the Journalism Education Association, this slide show addresses standard 1A.10: Value of and skills needed to package media products effectively, using various forms of journalistic design utilizing a range of visual, auditory and interactive methods for a variety of media.

Published in: Education
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,412
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
104
Comments
0
Likes
7
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. Wednesday, February 23, 2011
  • 2. JEA standards • 1A.10. Value of and skills needed to package media products effectively, using various forms of journalistic design utilizing a range of visual, auditory and interactive methods for a variety of media • 1B.7. The importance of effective information design for all media • principles of design • visual entry points • grid/column structure • typography • alternative story forms • readability/navigation • basic Web design (non-technical)Wednesday, February 23, 2011
  • 3. Principles of designWednesday, February 23, 2011
  • 4. contrastWednesday, February 23, 2011
  • 5. 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/thinWednesday, February 23, 2011
  • 6. contrastWednesday, February 23, 2011
  • 7. dominanceWednesday, February 23, 2011
  • 8. dominance • the term “dominance” usually refers to size, meaning the element is 2-3 times larger than all other elements in the design • also called “Emphasis” although emphasis can be achieved by color, weight, shape, etc • CVI = center of visual impact • focal pointWednesday, February 23, 2011
  • 9. emphasisWednesday, February 23, 2011
  • 10. emphasisWednesday, February 23, 2011
  • 11. proportionWednesday, February 23, 2011
  • 12. proportion • also referred to as “scale” and sometimes called “visual relationship” • relationship of sizes among repeating shapes • elements follow a hierarchy in size • modular design packages (“mods”) are smaller variations of each other with type and other elements to scaleWednesday, February 23, 2011
  • 13. proportionWednesday, February 23, 2011
  • 14. rhythmWednesday, February 23, 2011
  • 15. rhythm • repetition of elements • pattern or predictable arrangement that creates unity and harmony among elementsWednesday, February 23, 2011
  • 16. rhythmWednesday, February 23, 2011
  • 17. rhythmWednesday, February 23, 2011
  • 18. informal balanceWednesday, February 23, 2011
  • 19. informal balance • elements are not equal in weight or placement • also called asymmetrical • more contemporary than formal balance and often creates more visual interestWednesday, February 23, 2011
  • 20. informal balanceWednesday, February 23, 2011
  • 21. formal balanceWednesday, February 23, 2011
  • 22. formal balanceWednesday, February 23, 2011
  • 23. unityWednesday, February 23, 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 ruleWednesday, February 23, 2011
  • 25. unityWednesday, February 23, 2011
  • 26. unityWednesday, February 23, 2011
  • 27. directionWednesday, February 23, 2011
  • 28. direction • arrangement of elements to lead or direct reader’s eye • in photography, leading linesWednesday, February 23, 2011
  • 29. directionWednesday, February 23, 2011
  • 30. Graphic Comm Central www.makeyourmark.orgWednesday, February 23, 2011
  • 31. Principles of designWednesday, February 23, 2011
  • 32. spaceWednesday, February 23, 2011
  • 33. three 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 emphasisWednesday, February 23, 2011
  • 34. spaceWednesday, February 23, 2011
  • 35. type www.makeyourmark.orgWednesday, February 23, 2011
  • 36. type www.makeyourmark.orgWednesday, February 23, 2011
  • 37. type www.makeyourmark.orgWednesday, February 23, 2011
  • 38. type www.makeyourmark.orgWednesday, February 23, 2011
  • 39. type www.makeyourmark.orgWednesday, February 23, 2011
  • 40. readabilityWednesday, February 23, 2011
  • 41. color http://graphics.tech.uh.edu/courses/3353/materials/Color/ color.htmlWednesday, February 23, 2011
  • 42. other elements • line • shape • texture • valueWednesday, February 23, 2011
  • 43. Wednesday, February 23, 2011
  • 44. structure • grids • external margins • visual hierarchyWednesday, February 23, 2011
  • 45. entry pointsWednesday, February 23, 2011
  • 46. alternative story forms • easier to read & offer more entry points • break down info by category (rather than inverted pyramid, which provides info in order of importance) • also called alts and charticles • results from Poynter Eyetrack07 studiesWednesday, February 23, 2011
  • 47. common types • Q/A • by the numbers • timeline • calendar • quiz • checklist • diagram • side-by-side • chart • comparisonWednesday, February 23, 2011
  • 48. Wednesday, February 23, 2011
  • 49. Wednesday, February 23, 2011
  • 50. Wednesday, February 23, 2011
  • 51. Wednesday, February 23, 2011
  • 52. Wednesday, February 23, 2011
  • 53. Wednesday, February 23, 2011
  • 54. Wednesday, February 23, 2011
  • 55. yearbook design • linkage • grids/columns • consistent caption widths • headline leading into copy • consistent external margins • photos leading into spread, not off pageWednesday, February 23, 2011
  • 56. yearbook design • linkage • grids/columns • consistent caption widths • headline leading into copy • consistent external margins • photos leading into spread, not off pageWednesday, February 23, 2011
  • 57. Wednesday, February 23, 2011
  • 58. Wednesday, February 23, 2011
  • 59. Wednesday, February 23, 2011
  • 60. Wednesday, February 23, 2011
  • 61. newspaper design • news value above the fold • teasers and multiple entry points • not too much gray (the “hand” rule) • no tombstoned headlines • importance of packagingWednesday, February 23, 2011
  • 62. Wednesday, February 23, 2011
  • 63. Wednesday, February 23, 2011
  • 64. Wednesday, February 23, 2011
  • 65. online news site design • navigation • multimedia • open in new window • white background • limited colorsWednesday, February 23, 2011
  • 66. organizationWednesday, February 23, 2011
  • 67. visual impactWednesday, February 23, 2011
  • 68. simplicity, unityWednesday, February 23, 2011
  • 69. structureWednesday, February 23, 2011
  • 70. structureWednesday, February 23, 2011
  • 71. Principles of designWednesday, February 23, 2011
  • 72. where to look • visit the JEA Bookstore (www.jea.org) • magazines: Print, Communication Arts, CMYK • Newspaper Designer’s Handbook (Tim Harrower) • Color Index, Type Index, Idea Index (Jim Krause) • Web sites and blogs (ilt) • Best of the High School Press (NSPA)Wednesday, February 23, 2011
  • 73. getting answers • contact me: snichols@rocklin.k12.ca.us • commission chair Mark Newton • JEA web site > Certification • study guide online at www.jea.org/ certification • follow us on Twitter @jeaCertifiedWednesday, February 23, 2011

×