In a web browser, click to advance (using the space bar or PgDn doesn’t work properly)

1. In a web browser, click to advance (using the space bar or PgDn doesn’t work properly)

2. Power point HELL!!!! Tips for avoiding a visual mess

3. N.B. This presentation was created on Powerpoint 2003. Some of the animation does not work on earlier versions of powerpoint

4. Does this typeface remind you of anything? Summary • Summarise at the beginning and end • This is not a “whodunnit” - so tell the audience the plot - but don’t tell them everything, otherwise they’ll walk out!

5. Does this typeface remind you of anything? Summary - 2 • Take a dire presentation • Improve it by looking at - colour - typefaces and text - page layout - common technical problems • Rules are there so that you think before you break them

6. Remember, you do not have to try and invent something totally new...

7. Background • White, or lighter colours are usually better for backgrounds

8. Background • White, or lighter colours are usually better for the background

9. Aa Bb Cc Dd • May be appropriate for presentations to children • Never appropriate in a business environment • Is this the image we want to portray? Comic Sans Comic Sans was originally designed for speech bubbles in comics.

10. Banners – 1 • You’re not using paper - so you don’t need margins • The banner should touch the edges of the page • This gives you more room, as well

11. Banners – 2 • You’re not using paper - so you don’t need margins • The banner should touch the edges of the page • This gives you more room, as well

12. Banners – 3 • Don’t blend one colour into another

13. Banners – 3 • Don’t blend one colour into another • Especially, resist the temptations of the rainbow fill

14. Banners - 4 Logo •Instead, use a solid colour with neutral tones...

15. Logo ...or a gradient (fade) Banners - 5

16. If a template exists, use it! RAL templates and a “house style” guide are available from: http://www-internal.clrc.ac.uk/communications/corp_id.htm

17. The official CMS banner is available from http://cmsdoc.cern.ch/cms/outreach/html/CMSdocuments/Logos/Logos.html Ever seen it used?

18. Basics of Typography &

19. Typefaces - Serif & Sans Serif Serif typeface Serif typeface - best for paper Sans-serif typeface - best for screen N N Serif Century Schoolbook Garamond Palatino Times New Roman Arial Gill Sans Tahoma Trebuchet

20. Typefaces - Display Display, or decorative typefaces - use for titles only - never for body text Bauhaus Broadway Edwardian Script Playbill Old English Text

21. Typefaces - Usage Page layout for Print Main title usually serif, sans-serif or display font. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with Fig. 1: Type block Sans-serif italics for captions the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. Serif font for body text

22. Typefaces - Limiting Usage • Maximum of three typefaces in a presentation • Mixing typefaces just... • ...creates a mess • Make sure the host computer has your typefaces, or that PowerPoint embeds them

23. Typefaces - WordArt Who told you this is stylish? The WordArt tool does not add class to presentations.

24. Emphasis - 1 • CAPITALS - out-of-date - look like you’re SHOUTING • Underlined - out-of-date - looks like a web link if published online • Exclamation marks! - use sparingly, if at all - one is enough - using lots doesn’t make you look like a wacky person!!!!!!

25. Emphasis - 2 Emphasis is better served by: • Using bold type • Using colour • Using italics or a combination of the three.

26. Type size A C E Q W E R T Y U I O P A S D F G H J L Z X C V B N M Q W E R T Y U I O P 60 point 48 point 36 point Helvetica 48 36 point Helvetica 24 point Helvetica 18 point Helvetica 16 point Helvetica 14 point Helvetica 12 point Helvetica 10 point • Using bold type • Using colour • Using italics or a combination of the three. 48 point 36 point 24 point 18 point 16 point 14 point 12 point 10 point 24 point 18 point Minimum 16 point 14 point 12 point 10 point

27. Arranging Text Right-aligned text with undesirable line breaks Left-aligned text is considered to be most readable Avoid right alignment. Avoid full justification. Avoid centering. Avoid / and ( ). Avoid omitting word “the.” Right alignment breaks lines in awkward places. Justified alignment puts the text at the margins and adds extra spaces. Centering makes words fall in strange places. Centred text with awkward line breaks can look odd Justified text is aligned on both sides. It affects word spacing

28. Colour &

29. Lightness Saturation

30. Hue

31. Colour Same hue, high contrast Acceptable Black on light colour Usually the best option White on dark colour Acceptable Same hue, high contrast Acceptable

32. Colour Different hue, High contrast Legible, but garish? Same hue, low contrast Hard to read Different hue, low contrast Hard to read, makes your eyes go funny Same hue, low contrast Hard to read

33. Colour Blindness Previous slide as seen by person with deuteranopic colour blindness You can check your own slides at www.vischeck.com Different hue, High contrast Legible, but garish? Same hue, low contrast Hard to read Different hue, low contrast Hard to read, makes your eyes go funny Same hue, low contrast Hard to read

34. Graphics Colour clash Neutral tone - good Similar hue to logo - good

35. Graphics Ideally, maximum 5 colours per page (photographs excepted) Too many colours

36. Text & Narrative &

37. Text & Narrative Text exactly the same as narrative - audience gets bored Don’t put large amounts of text on a slide and then read it out verbatim. This format is far too wordy; and in any case, your audience will be able to scan read the text far more quickly than you can read it out. So they’ll be twiddling their thumbs waiting for you to catch up with them.

38. Text & Narrative Text completely different to narrative She clasped him so tightly to her, she felt that that she might burst with passion in this final embrace. He looked deep into her eyes. “Stay with me, Cath. We would be hurting no-one.” “We should only be hurting ourselves,” she stammered, as the tears welled in her eyes, etc etc... - the audience can’t listen and read at the same time - they’ll choose whichever is more interesting.

39. Text & Narrative • Use key words and bullet points. • Say the rest. • Otherwise the audience reads while you talk and may miss an important point • Beware of grammar pitfalls like the grocer’s apostrophe • Don’t miss out the definite or indefinite article (“the” or “a”)

40. Jargon • Make sure you explain unfamiliar TLAs and ETLAs as you introduce them • TLA = Three Letter Acronym • ETLA = Extended Three Letter Acronym

41. Graphics

42. Animation • There’s nothing wrong with animation... ...provided it’s subtle • This isn’t subtle • Animation is lost if you convert to PDF

43. Graphics Aren’t we clever at Rutherford Appleton Laboratory?

44. Graphics Not when we do this, we’re not...

45. Graphics Solution A: Leave it alone

46. Graphics Solution B: Use the crop tool, and enlarge

47. Temporarily omit the banner if you need to

48. Graphics These pictures face outwards which makes them “fall off the page.” There is also some clutter in the background

49. Graphics By rearranging and cropping the pictures, the slide has better visual integrity

50. Graphs You can clearly see from the graph that Hg = 5.4pkt