Make your school magazine look professional

 Make your school magazine look professional!

Hello! My name is Pik Quinn.

 The importance of good layouts
 Wares (soft & free!)
 First things first
 Tips to improve layout
 The cover!
10 things

 What goes where?!
 Other technical stuff
 The timeline
 Web 2.0
 Useful links
10 things

The importance of good layouts          

Good layouts make people want to read what you have to say The importance of good layouts          

Good layouts engage readers The importance of good layouts          

Good layouts are comfortable to read The importance of good layouts          

Good layouts add value and perspective to your story The importance of good layouts          

Wares (soft & free!)          

For layouts: • QuarkXpress • Adobe Indesign • Scribus (this is free!) Wares (soft & free!)          

For photo & image editing & effects: • Adobe Photoshop • GIMP (this is free!) Wares (soft & free!)          

For illustrations & vector art: • Adobe Illustrator • Free version? Pen, paper & scanner :-) Wares (soft & free!)          

First things first          

Grids First things first           Type

Example a of 3-column grid First things first – grids          

First things first – grids           1 2 3 a (double-page) spread columns

First things first – grids           a (double-page) spread margins

First things first – grids           a (double-page) spread gutter

margins First things first – grids          

gutter width First things first – grids           how many columns

Serif or san-serif ? First things first – type          

Times New Roman is a serif font. Arial is a sans-serif font First things first – type          

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

However, there aren’t any rules against using sans-serif fonts for the same purpose. First things first – type          

The right type, the right mood. First things first – type          

However, keep the number of types used in a single magazine to a maximum of 3. First things first – type          

Example of type selection First things first – type           Header/ titles Body text Abstract/ standfirst

Too many fonts make layout unprofessional & messy: First things first – type          

• Try several layouts • Get feedback • Finalise template – set style sheets First things first          

Tips to improve design          

Pull quotes to break the monotony of text Tips to improve design           Mark sections clearly Don’t forget page numbers!

Box up facts, figures, interesting things Tips to improve design           Consider the spread Consider the spread Drop caps to indicate start of write up

More tips: • Add variety to templates Tips to improve design          

More tips: • White space is good, less is more Tips to improve design          

More tips: • Crop photos Tips to improve design          

More tips: Crop photos Tips to improve design          

More tips: • Black & white are colours too! Tips to improve design          

More tips: • Sensitivity to typography makes a difference! Tips to improve design          

The cover !          

Decide on: • What must be on the cover? School logo, yearbook name, year, tagline/theme? The cover !          

Decide on: • A theme for the year? What is the spirit you want to achieve? The cover !          

Consider: • A photo or Illustration? Artwork a students or collective of students. A competition to decide? The cover !          

Consider: • A few variations Give yourself many options and eliminate The cover !          

What goes where ?          

Develop a page plan What goes where ?          

 Technical & cost-saving tip! What goes where ?           Magazines are made up of sections called ‘ signatures ’ Each signature typically consists of 16 pages

What goes where ?           Pages 1 – 16 Pages 17 – 32 Pages 33 – 48 Pages 49 – 64 Pages 64 – 80 …etc  Technical & cost-saving tip!

Other technical stuff!          

The printing process in a nutshell… Going to press!          

 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

Check: • Bleed • Crop marks • Safe type area • High resolution pics Other technical stuff!          

Page layout with no bleed and no crop marks Other technical stuff!           

In-accurate trimming may cause white space (and sad face)  Other technical stuff!          

Text outside the text-safe area (very close to edge of paper) Other technical stuff!           

Important info could get chopped off due to inaccurate trimming. Other technical stuff!          

Page layout with bleed and with crop marks Other technical stuff!           

High resolution= 300 d.p.i. (dots per inch) Other technical stuff!          

The Jonas Brothers, in low resolution. Other technical stuff!          

The Jonas Brothers, in high resolution. Other technical stuff!          

The timeline          

Web 2.0          

What could you do with… Web 2.0          

What could you do with: • Your school’s site ? Web 2.0          

What could you do with: • A blog ? Web 2.0          

What could you do with: • Facebook groups ? Web 2.0          

What could you do with: • Flikr? Web 2.0          

Link s          

• www. scribus .net • www. gimp .org • www. dafont .com • docs.google .com • www. ehow .com/how_2252958_ make-good-school-yearbook.html Link s          

These slides will be available on: doctorjob.com.my/ events/help-talk Thank you, and questions please!  Link s          

http://www.slideshare.net	131
http://www.doctorjob.com.my	21
http://www.e-presentations.us	20
http://doctorjob.com.my	5
http://ladyjaynecorner.blogspot.com	5
http://94crew.com	4
http://translate.googleusercontent.com	1

Make your school magazine look professional

by postgradasia on Mar 06, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

7 Embeds 187

Statistics

Make your school magazine look professional — Presentation Transcript