Introduction to Slide Design: 7 Rules for Creating Effective Slides

269,398 views

Published on

The 7 rules for creating effective slides include 1) slides are not documents; 2) picture superiority effect; 3) slides should be simple; 4) slides must have unity; 5) display data clearly; 6) use multimedia wisely; 7) don't forget your audience. To learn more about each rule, please visit http://alexrister1.wordpress.com/2013/02/06/7-rules-for-creating-effective-slides/

Published in: Design
82 Comments
809 Likes
Statistics
Notes
  • Njce! Thanks for sharing.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Level Up! The Guide to Great Video Game Design --- http://amzn.to/1UdYk4j
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Sweet Baby Girl Beauty Salon 2 - Hair Care, Nail Spa, Makeup & Dress Up --- http://amzn.to/1Rv3UZ4
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • The Ultimate Guide to Video Game Writing and Design --- http://amzn.to/1RcX0s1
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Thank you, Alex Rister, for this sharing
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
269,398
On SlideShare
0
From Embeds
0
Number of Embeds
74,065
Actions
Shares
0
Downloads
4,530
Comments
82
Likes
809
Embeds 0
No embeds

No notes for slide

Introduction to Slide Design: 7 Rules for Creating Effective Slides

  1. http://www.flickr.com/photos/31246066@N04/4633531801/sizes/o/in/photostream/Introduction toSLIDE DESIGN
  2. Presentation as a THREE-LEGGED STOOL VISUAL DESIGNImage Credit: http://www.flickr.com/photos/haldanemartin/5600194647/sizes/o/in/photostream/
  3. MOST RESISTANCE to this“leg”http://www.flickr.com/photos/x-ray_delta_one/4264423055/sizes/o/in/photostream/
  4. WE CAN’T READ AND listen AT THE SAME TIMEhttp://www.flickr.com/photos/striatic/229534338/sizes/l/in/photostream/ & photos/x-ray_delta_one/3981617434/sizes/o/in/photostream/
  5. DESIGN helps people
  6. DESIGN helps people AVOID READING
  7. Things meant for READINGhttp://www.flickr.com/photos/ginnerobot/5423565794/sizes/o/in/photostream/ http://www.flickr.com/photos/pagedooley/1202823367/sizes/o/in/photostream/
  8. Not meant for READINGhttp://www.flickr.com/photos/gruban/137421901/sizes/o/in/photostream/ http://www.flickr.com/photos/thejourney1972/3386270644/sizes/o/in/photostream/; and http://www.flickr.com/photos/x-ray_delta_one/4138925386/sizes/o/in/photostream/
  9. Cave painting Hieroglyphics Maps Graphs, charts Models Movies, television PowerPoint slideshttp://www.flickr.com/photos/gruban/137421901/sizes/o/in/photostream/ http://www.flickr.com/photos/thejourney1972/3386270644/sizes/o/in/photostream/; and http://www.flickr.com/photos/x-ray_delta_one/4138925386/sizes/o/in/photostream/
  10. Cave painting Hieroglyphics Maps Graphs, charts Models Movies, television PowerPoint slides VISUAL COMMUNICATIONhttp://www.flickr.com/photos/gruban/137421901/sizes/o/in/photostream/ http://www.flickr.com/photos/thejourney1972/3386270644/sizes/o/in/photostream/; and http://www.flickr.com/photos/x-ray_delta_one/4138925386/sizes/o/in/photostream/
  11. Death byPOWERPOINT...
  12. THE TYPICAL SLIDE• The goal of a presentation is to communicate effectively with an audience using each medium properly (“properly” = the way it works best for the audience)• If your slides look like this, you are using the visual communication medium incorrectly because you are changing visual to written communication• Audiences will read this slide as soon as it appears on the screen• Because audiences can’t read and listen at the same time, they will read the slide first and then come back to listening to you• Because you’re still on Bullet #1 and your audience has read the entire thing, the need for you as the presenter is gone. You’ll never catch up to what your audience already knows by reading ahead
  13. Visual Design 7 RULES
  14. #4Visual Design SLIDES MUST HAVE 7 RULES Unity #1 #5 SLIDES ARE NOT DISPLAY DATA Documents Clearly #2 #6PICTURE SUPERIORITY USE MULTIMEDIA Effect Wisely #3 #7SLIDES SHOULD BE DON’T FORGET YOUR Simple Audience!
  15. #1SLIDES ARE NOTDocuments
  16. SETTING SLIDES UP FOR Failure
  17. SETTING SLIDES UP FOR Failure
  18. SETTING SLIDES UP FOR Success http://www.flickr.com/photos/rlodan01/5321531740/sizes/l/in/photostream/
  19. SETTING SLIDES UP FOR Success
  20. KeynoteTIME!
  21. SETTING SLIDES UP FOR Design
  22. SETTING SLIDES UP FOR Design RULERS ON
  23. SETTING SLIDES UP FOR Design ZOOM OUT
  24. ADD“ADJUST IMAGE”
  25. INSPECTOR
  26. #4Visual Design SLIDES MUST HAVE 7 RULES Unity #1 #5 SLIDES ARE NOT DISPLAY DATA Documents Clearly #2 #6PICTURE SUPERIORITY USE MULTIMEDIA Effect Wisely #3 #7SLIDES SHOULD BE DON’T FORGET YOUR Simple Audience!
  27. #2PICTURE SUPERIORITY Effect
  28. THE TYPICAL SLIDE• The goal of a presentation is to communicate effectively with an audience using each medium properly (“properly” = the way it works best for the audience)• If your slides look like this, you are using the visual communication medium incorrectly because you are changing visual to written communication• Audiences will read this slide as soon as it appears on the screen• Because audiences can’t read and listen at the same time, they will read the slide first and then come back to listening to you• Because you’re still on Bullet #1 and your audience has read the entire thing, the need for you as the presenter is gone. You’ll never catch up to what your audience already knows by reading ahead
  29. http://www.youtube.com/watch?v=cLLDUyy8utY
  30. http://www.flickr.com/photos/jankroemer/345558316/sizes/l/in/photostream/PICTURE SUPERIORITY Effect
  31. NO NONos!
  32. http://www.flickr.com/photos/lumaxart/2136953043/sizes/l/in/photostream/ NO CLIP ART!
  33. NO CORNY STOCK PHOTOS http://www.innishannon-hotel.ie/system/images/11/original/businessmeeting.jpg?1311603356
  34. http://www.flickr.com/photos/nosha/3115025977/sizes/o/in/photostream/ WATERMARK
  35. Where do I findGOOD IMAGES?
  36. 1024 xsizeSlide 768
  37. CITE YOUR images!
  38. http://www.flickr.com/photos/nosha/3115025977/sizes/o/in/photostream/
  39. http://www.flickr.com/photos/nosha/3115025977/sizes/o/in/photostream/
  40. #4Visual Design SLIDES MUST HAVE 7 RULES Unity #1 #5 SLIDES ARE NOT DISPLAY DATA Documents Clearly #2 #6PICTURE SUPERIORITY USE MULTIMEDIA Effect Wisely #3 #7SLIDES SHOULD BE DON’T FORGET YOUR Simple Audience!
  41. #3SLIDES SHOULD BE Simple
  42. http://www.flickr.com/photos/alice_c/2264195999/sizes/o/in/photostream/How many WORDS SLIDE? per
  43. The three-second rule of GLANCE MEDIA
  44. THIS IS A TEST... SLIDE• Here are a few additional tips to help you improve your visual design:• A great place to find images is Compfight.com. I do not use Google Images.• Compfight is a Flickr search engine. Remember to search “Commercial” images because we work at Full Sail University, a for-profit college.• Templates, clip art, slideuments, and stock photos let audiences know the following: 1) you are boring, 2) you don’t care about them, and 3) you haven’t joined the presentation revolution. It’s time to get real!• Audiences crave effective presentations. If you don’t create a presentation with their needs in mind, you are not doing your job as a presenter.
  45. What do you remember? GLANCE MEDIA
  46. SIGNAL NOISE to ratiohttp://www.flickr.com/photos/uggboy/5513578210/sizes/o/in/photostream/
  47. High noise, siglow n al Image Credits: sbh and pagedooley This is an example of a noisy slide. What here would you CONSIDER NOISE ?
  48. How many http://www.flickr.com/photos/petervanlancker/6017183490/sizes/l/in/photostream/ FONTS SLIDE? per
  49. How many http://www.flickr.com/photos/martinaphotography/7077601607/sizes/o/in/photostream/ IMAGES SLIDE? per
  50. ONE MAIN IDEA per slide
  51. CUPCAKES ARE THE BESThttp://www.flickr.com/photos/kellysue/2831068087/sizes/o/in/photostream/
  52. FARMER’S MARKET Images: mamajulie2008; pinksherbet; yourdon; lfl
  53. “SHAPES” TOOL
  54. How much http://www.flickr.com/photos/josemanuelerre/4959078165/sizes/o/in/photostream/ANIMATION SLIDE? per
  55. ANIMATIONmust have a purpose
  56. Purposeless Animation• This animation has no purpose If you’re using animation to grab your audience’s attention, your content and delivery must not be that great...• Slides should be simple.• Animation takes away from that simplicity.• Only use it when absolutely necessary.
  57. #4Visual Design SLIDES MUST HAVE 7 RULES Unity #1 #5 SLIDES ARE NOT DISPLAY DATA Documents Clearly #2 #6PICTURE SUPERIORITY USE MULTIMEDIA Effect Wisely #3 #7SLIDES SHOULD BE DON’T FORGET YOUR Simple Audience!
  58. #4SLIDES MUST HAVE Unity
  59. Let’s dissect theVENETIANTEMPLATE
  60. Let’s dissect theVENETIANTEMPLATE
  61. DOUBLE-CLICK TO EDIT Double-click to edit
  62. DOUBLE-CLICK TO EDITDouble-click to editDouble-click to editDouble-click to editDouble-click to editDouble-click to edit
  63. DOUBLE-CLICK TO EDITDouble-click to editDouble-click to editDouble-click to editDouble-click to editInsert image in thespace to the right
  64. Create your ownTEMPLATE!
  65. REPEATEDFonts REPEATED Colors REPEATED Shapes
  66. UNIFYINGTheme
  67. KeynoteTIME!
  68. Directions:Use what you’ve learned so far about IMAGES, TEXT, and UNITY to edit the next slide...
  69. Fun Facts About CATS!• People believe cats were domesticated in Egypt• Cats are primarily nocturnal animals• As of right now, studies prove that cats are the most popular pet in the entire world Fun facts provided by: Wikipedia.org/wiki/cat
  70. http://www.flickr.com/photos/visualpanic/5226208959/sizes/o/in/photostream/BEFORE AFTER
  71. http://www.flickr.com/photos/nicmcphee/2113187523/sizes/o/in/photostream/BEFORE AFTER
  72. http://www.flickr.com/photos/kjcs/4009151724/sizes/o/in/photostream/BEFORE AFTER
  73. http://www.flickr.com/photos/brymo/289360403/sizes/o/in/photostream/BEFORE AFTER
  74. #4Visual Design SLIDES MUST HAVE 7 RULES Unity #1 #5 SLIDES ARE NOT DISPLAY DATA Documents Clearly #2 #6PICTURE SUPERIORITY USE MULTIMEDIA Effect Wisely #3 #7SLIDES SHOULD BE DON’T FORGET YOUR Simple Audience!
  75. #5DISPLAY DATAClearly
  76. Image Credit: jamescridland
  77. YIKES!Image Credit: jamescridland
  78. Region 1 Region 2 200 150 100 502007 2008 0 2009 2010
  79. Region 1 Region 2HIDEOUS! 200 150 100 502007 2008 0 2009 2010
  80. Americans Own...According to the AVMA, who cited the 2007 U.S. Pet Ownership & Demographics Sourcebook Cats: 81,721,000 Fish: 75,898,000 Dogs: 72,114,000 Birds: 11,119,000
  81. Americans ownhttp://www.flickr.com/photos/fukagawa/263231958/sizes/o/in/photostream/ 81 MILLION cats!
  82. PETS OWNED in millions CATFISH DOGBIRD 0 10 20 30 40 50 60 70 80 90
  83. http://www.flickr.com/photos/eirikso/4064924358/sizes/o/in/photostream/ DAVID MCCANDLESS
  84. #4Visual Design SLIDES MUST HAVE 7 RULES Unity #1 #5 SLIDES ARE NOT DISPLAY DATA Documents Clearly #2 #6PICTURE SUPERIORITY USE MULTIMEDIA Effect Wisely #3 #7SLIDES SHOULD BE DON’T FORGET YOUR Simple Audience!
  85. #6USE MULTIMEDIA Wisely
  86. #4Visual Design SLIDES MUST HAVE 7 RULES Unity #1 #5 SLIDES ARE NOT DISPLAY DATA Documents Clearly #2 #6PICTURE SUPERIORITY USE MULTIMEDIA Effect Wisely #3 #7SLIDES SHOULD BE DON’T FORGET YOUR Simple Audience!
  87. #7DON’T FORGET YOURAudience!
  88. http://www.flickr.com/photos/wwarby/3296379139/sizes/o/in/photostream/ IT’S NOT A Race
  89. http://www.flickr.com/photos/wwarby/3296379139/sizes/o/in/photostream/ Spend time TWEAKING
  90. How to make a sandwichPurchase the ingredients: peanut butter, jelly, and breadCollect the ingredients as well as your tools: a plate, a knife,and a paper towelUse the knife to spread the jelly on one slice of breadWipe the knife off on the paper towel and use it to spread thepeanut butter on the second slice of breadEat and enjoy your delicious peanut butter and jellysandwich!
  91. How to make a sandwichPurchase the ingredients: peanut butter, jelly, and breadCollect the ingredients as well as your tools: a plate, a knife,and a paper towelUse the knife to spread the jelly on one slice of breadWipe the knife off on the paper towel and use it to spread thepeanut butter on the second slice of breadEat and enjoy your delicious peanut butter and jellysandwich!
  92. How to make a sandwichIngredientsToolsJellyPeanut butterEat
  93. #4Visual Design SLIDES MUST HAVE 7 RULES Unity #1 #5 SLIDES ARE NOT DISPLAY DATA Documents Clearly #2 #6PICTURE SUPERIORITY USE MULTIMEDIA Effect Wisely #3 #7SLIDES SHOULD BE DON’T FORGET YOUR Simple Audience!
  94. http://www.flickr.com/photos/31246066@N04/4633531801/sizes/o/in/photostream/You’re ready to join theSLIDE REVOLUTION

×