Make your school magazine look professional

49,372 views

Published on

Talk given at HELP University College for their School Magazine Workshop (7 Mar 2009) by Pik Quinn, GTI Specialist Publishers

Published in: Design, Technology, Art & Photos

Make your school magazine look professional

  1. 1.  Make your school magazine look professional!
  2. 2. Hello! My name is Pik Quinn.
  3. 3. <ul><li> The importance of good layouts </li></ul><ul><li> Wares (soft & free!) </li></ul><ul><li> First things first </li></ul><ul><li> Tips to improve layout </li></ul><ul><li> The cover! </li></ul>10 things
  4. 4. <ul><li> What goes where?! </li></ul><ul><li> Other technical stuff </li></ul><ul><li> The timeline </li></ul><ul><li> Web 2.0 </li></ul><ul><li> Useful links </li></ul>10 things
  5. 5. The importance of good layouts          
  6. 6. Good layouts make people want to read what you have to say The importance of good layouts          
  7. 7. Good layouts engage readers The importance of good layouts          
  8. 8. Good layouts are comfortable to read The importance of good layouts          
  9. 9. Good layouts add value and perspective to your story The importance of good layouts          
  10. 10. Wares (soft & free!)          
  11. 11. For layouts: • QuarkXpress • Adobe Indesign • Scribus (this is free!) Wares (soft & free!)          
  12. 12. For photo & image editing & effects: • Adobe Photoshop • GIMP (this is free!) Wares (soft & free!)          
  13. 13. For illustrations & vector art: • Adobe Illustrator • Free version? Pen, paper & scanner :-) Wares (soft & free!)          
  14. 14. First things first          
  15. 15. Grids First things first           Type
  16. 16. Example a of 3-column grid First things first – grids          
  17. 17. First things first – grids           1 2 3 a (double-page) spread columns
  18. 18. First things first – grids           a (double-page) spread margins
  19. 19. First things first – grids           a (double-page) spread gutter
  20. 20. margins First things first – grids          
  21. 21. gutter width First things first – grids           how many columns
  22. 22. Serif or san-serif ? First things first – type          
  23. 23. Times New Roman is a serif font. Arial is a sans-serif font First things first – type          
  24. 24. For large bodies of small (reading) text, serif fonts are usually used because details (serifs) of the type make it easier to read and recognise. First things first – type           serifs
  25. 25. However, there aren’t any rules against using sans-serif fonts for the same purpose. First things first – type          
  26. 26. The right type, the right mood. First things first – type          
  27. 27. However, keep the number of types used in a single magazine to a maximum of 3. First things first – type          
  28. 28. Example of type selection First things first – type           Header/ titles Body text Abstract/ standfirst
  29. 29. Too many fonts make layout unprofessional & messy: First things first – type          
  30. 30. • Try several layouts • Get feedback • Finalise template – set style sheets First things first          
  31. 31. Tips to improve design          
  32. 32. Pull quotes to break the monotony of text Tips to improve design           Mark sections clearly Don’t forget page numbers!
  33. 33. Box up facts, figures, interesting things Tips to improve design           Consider the spread Consider the spread Drop caps to indicate start of write up
  34. 34. More tips: • Add variety to templates Tips to improve design          
  35. 35. More tips: • White space is good, less is more Tips to improve design          
  36. 36. More tips: • Crop photos Tips to improve design          
  37. 37. More tips: Crop photos Tips to improve design          
  38. 39. More tips: Crop photos Tips to improve design          
  39. 41. More tips: Crop photos Tips to improve design          
  40. 43. More tips: • Black & white are colours too! Tips to improve design          
  41. 44. More tips: • Sensitivity to typography makes a difference! Tips to improve design          
  42. 45. The cover !          
  43. 46. Decide on: • What must be on the cover? School logo, yearbook name, year, tagline/theme? The cover !          
  44. 47. Decide on: • A theme for the year? What is the spirit you want to achieve? The cover !          
  45. 48. Consider: • A photo or Illustration? Artwork a students or collective of students. A competition to decide? The cover !          
  46. 49. Consider: • A few variations Give yourself many options and eliminate The cover !          
  47. 50. What goes where ?          
  48. 51. Develop a page plan What goes where ?          
  49. 52. Develop a page plan What goes where ?          
  50. 53.  Technical & cost-saving tip! What goes where ?           Magazines are made up of sections called ‘ signatures ’ Each signature typically consists of 16 pages
  51. 54. What goes where ?           Pages 1 – 16 Pages 17 – 32 Pages 33 – 48 Pages 49 – 64 Pages 64 – 80 …etc  Technical & cost-saving tip!
  52. 55. Other technical stuff!          
  53. 56. The printing process in a nutshell… Going to press!          
  54. 57.  Trimmed to size Other technical stuff! – The printing process            Exported as PDF  Native layout file Eg Scribus  Color proofs produced  Color proofs checked  Bound (binding process)  Printed  Sent to print PDF
  55. 58. Check: • Bleed • Crop marks • Safe type area • High resolution pics Other technical stuff!          
  56. 59. Page layout with no bleed and no crop marks Other technical stuff!           
  57. 60. In-accurate trimming may cause white space (and sad face)  Other technical stuff!          
  58. 61. Text outside the text-safe area (very close to edge of paper) Other technical stuff!           
  59. 62. Important info could get chopped off due to inaccurate trimming. Other technical stuff!          
  60. 63. Page layout with bleed and with crop marks Other technical stuff!           
  61. 64. High resolution= 300 d.p.i. (dots per inch) Other technical stuff!          
  62. 65. The Jonas Brothers, in low resolution. Other technical stuff!          
  63. 66. The Jonas Brothers, in high resolution. Other technical stuff!          
  64. 67. The timeline          
  65. 68. Design | 10 days (80-page mag)* Checking & changes | 2-4 weeks * Colour proofs | 3 days Checking & changes | 5 days * Printing | 7-10 days *Depending on how fast you work The timeline          
  66. 69. Web 2.0          
  67. 70. What could you do with… Web 2.0          
  68. 71. What could you do with: • Your school’s site ? Web 2.0          
  69. 72. What could you do with: • A blog ? Web 2.0          
  70. 73. What could you do with: • Facebook groups ? Web 2.0          
  71. 74. What could you do with: • Flikr? Web 2.0          
  72. 75. Link s          
  73. 76. • www. scribus .net • www. gimp .org • www. dafont .com • docs.google .com • www. ehow .com/how_2252958_ make-good-school-yearbook.html Link s          
  74. 77. These slides will be available on: doctorjob.com.my/ events/help-talk Thank you, and questions please!  Link s          

×