graphics and design
- 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 design Wednesday, February 23, 2011
- 4. contrast Wednesday, 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/thin Wednesday, February 23, 2011
- 6. contrast Wednesday, 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 point Wednesday, February 23, 2011
- 9. emphasis Wednesday, February 23, 2011
- 10. emphasis Wednesday, February 23, 2011
- 11. proportion Wednesday, 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 scale Wednesday, February 23, 2011
- 13. proportion Wednesday, February 23, 2011
- 14. rhythm Wednesday, February 23, 2011
- 15. rhythm • repetition of elements • pattern or predictable arrangement that creates unity and harmony among elements Wednesday, February 23, 2011
- 16. rhythm Wednesday, February 23, 2011
- 17. rhythm Wednesday, February 23, 2011
- 18. informal balance Wednesday, 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 interest Wednesday, February 23, 2011
- 20. informal balance Wednesday, February 23, 2011
- 21. formal balance Wednesday, February 23, 2011
- 22. formal balance Wednesday, February 23, 2011
- 23. unity Wednesday, 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 rule Wednesday, February 23, 2011
- 25. unity Wednesday, February 23, 2011
- 26. unity Wednesday, February 23, 2011
- 27. direction Wednesday, February 23, 2011
- 28. direction • arrangement of elements to lead or direct reader’s eye • in photography, leading lines Wednesday, February 23, 2011
- 29. direction Wednesday, February 23, 2011
- 30. Graphic Comm Central www.makeyourmark.org Wednesday, February 23, 2011
- 31. Principles of design Wednesday, February 23, 2011
- 32. space Wednesday, 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 emphasis Wednesday, February 23, 2011
- 34. space Wednesday, February 23, 2011
- 35. type www.makeyourmark.org Wednesday, February 23, 2011
- 36. type www.makeyourmark.org Wednesday, February 23, 2011
- 37. type www.makeyourmark.org Wednesday, February 23, 2011
- 38. type www.makeyourmark.org Wednesday, February 23, 2011
- 39. type www.makeyourmark.org Wednesday, February 23, 2011
- 40. readability Wednesday, February 23, 2011
- 41. color http://graphics.tech.uh.edu/courses/3353/materials/Color/ color.html Wednesday, February 23, 2011
- 42. other elements • line • shape • texture • value Wednesday, February 23, 2011
- 43. Wednesday, February 23, 2011
- 44. structure • grids • external margins • visual hierarchy Wednesday, February 23, 2011
- 45. entry points Wednesday, 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 studies Wednesday, February 23, 2011
- 47. common types • Q/A • by the numbers • timeline • calendar • quiz • checklist • diagram • side-by-side • chart • comparison Wednesday, 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 page Wednesday, 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 page Wednesday, 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 packaging Wednesday, 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 colors Wednesday, February 23, 2011
- 66. organization Wednesday, February 23, 2011
- 67. visual impact Wednesday, February 23, 2011
- 68. simplicity, unity Wednesday, February 23, 2011
- 69. structure Wednesday, February 23, 2011
- 70. structure Wednesday, February 23, 2011
- 71. Principles of design Wednesday, 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 @jeaCertified Wednesday, February 23, 2011