Slide design tutorial

1,442 views

Published on

Published in: Health & Medicine, Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,442
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
37
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Slide design tutorial

  1. 1. Keynote Challenge 1The Slide Design next Wednesday, July 10, 13
  2. 2. The Basics Rule of Thirds Simplicity Text Images Wednesday, July 10, 13
  3. 3. The Basics Rule of Thirds Simplicity Text Images Wednesday, July 10, 13
  4. 4. Rule of Thirds Wednesday, July 10, 13
  5. 5. Rule of Thirds Wednesday, July 10, 13
  6. 6. AlignElements... Wednesday, July 10, 13
  7. 7. ...alongthegrid Wednesday, July 10, 13
  8. 8. Aim for... Wednesday, July 10, 13
  9. 9. BALANCE http://farm1.static.flickr.com/239/451267176_372dfb6aeb_b.jpg Image used by CC license Wednesday, July 10, 13
  10. 10. BALANCE http://farm1.static.flickr.com/239/451267176_372dfb6aeb_b.jpg Image used by CC license Wednesday, July 10, 13
  11. 11. Sim plicity Be concise One idea per slide Essential elements only nextback Wednesday, July 10, 13
  12. 12. http://www.flickr.com/photos/21644167@N04/4817452232/ Used with permission from Bahman Farzad Simplicity Wednesday, July 10, 13
  13. 13. http://www.flickr.com/photos/21644167@N04/4817452232/ Used with permission from Bahman Farzad Simplicity Wednesday, July 10, 13
  14. 14. The deck should your message... augment Wednesday, July 10, 13
  15. 15. not deliver it. The deck should your message... augment Wednesday, July 10, 13
  16. 16. both verbally It is difficult and visually to process information Sweller, 1980 nextback ImageusedbyCClicense http://static.seekingalpha.com/uploads/2009/12/16/saupload_policymakers.jpg Wednesday, July 10, 13
  17. 17. why are youthere? If the slides can stand by themselves David Rose nextback Wednesday, July 10, 13
  18. 18. Be Concise Text is redundant. http://www.flickr.com/photos/eflon/4404716468/ Image used by CC license nextback Wednesday, July 10, 13
  19. 19. ONE idea per slide nextback Wednesday, July 10, 13
  20. 20. 10 words per slide, MAX nextback Wednesday, July 10, 13
  21. 21. Remove DISTRACTIONS nextback Wednesday, July 10, 13
  22. 22. Remove DISTRACTIONS Heavy lines, shapes Badly designed charts Photos that don’t support your message nextback Wednesday, July 10, 13
  23. 23. World Hunger Facts 1. 13.1 percent of the world’s population is hungry. That’s roughly 925 million people who go undernourished on a daily basis, consuming less than the recommended 2,100 calories a day. 2. The world produces enough food to feed all 7 billion people who live in it, but those who go hungry either do not have land to grow food or money to purchase it. 3. The difference between hunger and malnutrition is that malnutrition means the body does not have the necessary vitamins and nutrients necessary to grow or fight off disease. In developing countries where sanitation is poor, lack of nutrition only makes children and adults more vulnerable to illness. 4. Poverty is the main cause of hunger, and hunger is a cause of poverty. When people go malnourished, they lose brain functionality and the mental resources to be a productive asset in society or earn money. 5. In 2010, an estimated 7.6 million children — more than 20,000 a day — died from hunger. 6. Nearly 98 percent of worldwide hunger exists in underdeveloped countries. Hunger is often passed from mother to child. Each year, 17 million children are born underweight because their mothers are malnourished. 7. Almost 1 in every 15 children in developing countries dies from hunger. 8. While hunger exists worldwide, 62.4 percent of the hunger exists in Asia/South Pacific. . 9. More than 20 percent of children in Asia and Africa are underweight for their age. Source: Dosomething.org nextback Wednesday, July 10, 13
  24. 24. Millions 1996 2004 2009 1250 800 740 World Hungerin millions RW.Hunger.Image.APImages.ID660216065 nextback Wednesday, July 10, 13
  25. 25. Text Contrast Spacing Readability Color nextback Wednesday, July 10, 13
  26. 26. Typography gives visual form to language nextback Wednesday, July 10, 13
  27. 27. Typography gives visual form to language Or, in other words... nextback Wednesday, July 10, 13
  28. 28. It’s nextback Wednesday, July 10, 13
  29. 29. It’s nextback EMOTIONAL!! Wednesday, July 10, 13
  30. 30. nextback Contrast Wednesday, July 10, 13
  31. 31. (But keep them consistent) nextback ContrastFonts Wednesday, July 10, 13
  32. 32. Just because you have ‘em, nextback Wednesday, July 10, 13
  33. 33. Just because you have ‘em, It doesn’t mean you should use ‘em nextback Wednesday, July 10, 13
  34. 34. Leading is the space between lines Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor lectus sapien. Donec vehicula tristique consequat. Cras nunc tellus, faucibus quis accumsan at, fringilla quis tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor lectus sapien. Donec vehicula tristique consequat. Cras nunc tellus, faucibus quis accumsan at, fringilla quis tortor. nextback Wednesday, July 10, 13
  35. 35. TRACKING is the space between letters You can apply tracking to all text or selected portions. You can use selective tracking to squeeze more characters onto a line to save space or prevent a few words from carrying over to another page or column of text. You can apply tracking to all text or selected portions. You can use selective tracking to squeeze more characters onto a line to save space or prevent a few words from carrying over to another page or column of text. You can apply tracking to all text or selected portions. You can use selective tracking to squeeze more characters onto a line to save space or prevent a few words from carrying over to another page or column of text. nextback Wednesday, July 10, 13
  36. 36. TRACKING is the space between letters You can apply tracking to all text or selected portions. You can use selective tracking to squeeze more characters onto a line to save space or prevent a few words from carrying over to another page or column of text. You can apply tracking to all text or selected portions. You can use selective tracking to squeeze more characters onto a line to save space or prevent a few words from carrying over to another page or column of text. You can apply tracking to all text or selected portions. You can use selective tracking to squeeze more characters onto a line to save space or prevent a few words from carrying over to another page or column of text. nextback and don’t forget... Wednesday, July 10, 13
  37. 37. READABILITY nextback Wednesday, July 10, 13
  38. 38. Color... Wednesday, July 10, 13
  39. 39. Should be consistent Wednesday, July 10, 13
  40. 40. Choose ONE, then Wednesday, July 10, 13
  41. 41. Play with SHADES SHADES SHADES SHADES SHADES Wednesday, July 10, 13
  42. 42. Color... Wednesday, July 10, 13
  43. 43. Emphasizes key words and ideas nextback nextback Wednesday, July 10, 13
  44. 44. Use these elements to create personality and mood nextback nextback Wednesday, July 10, 13
  45. 45. White (empty) Space Less is more Emptiness is also a powerful design element nextback nextback Wednesday, July 10, 13
  46. 46. Effects of Smoking • The adverse health effects from cigarette smoking account for an estimated 443,000 deaths, or nearly one of every five deaths, each year in the United States.2,3 • More deaths are caused each year by tobacco use than by all deaths from human immunodeficiency virus (HIV), illegal drug use, alcohol use, motor vehicle injuries, suicides, and murders combined. 2,4 • Smoking causes an estimated 90% of all lung cancer deaths in men and 80% of all lung cancer deaths in women.1 nextback Wednesday, July 10, 13
  47. 47. 443,000 Deathsper year/in the U.S. nextback nextback Wednesday, July 10, 13
  48. 48. Im ages Feeling High-Quality Creative Commons nextback nextback Wednesday, July 10, 13
  49. 49. Images evoke emotions http://loveagape.org/wp-content/uploads/2011/01/nattu_71c0ea6ee4_b.jpg ImageusedbyCClicense Wednesday, July 10, 13
  50. 50. Use high-quality, creative commons images http://www.moviedeskback.com/wp-content/uploads/2011/09/The-Hunger-Games-Wallpapers-1.jpg Wednesday, July 10, 13
  51. 51. thatreinforceyourmessage andaddemotionalpower nextback Wednesday, July 10, 13
  52. 52. thatreinforceyourmessage andaddemotionalpower nextback nextback Wednesday, July 10, 13
  53. 53. Finding Images http://search.creativecommons.org/ copyright-friendly sources http://www.flickr.com/creativecommons/ repeatback nextback Wednesday, July 10, 13
  54. 54. for the Are you ready... • Click out of this tutorial into slide view • On the next slide, re-arrange the elements into what you think is good slide design. Feel free to delete, change fonts, add shapes, etc. • Take a screenshot, and email to Ms. Hurd for feedback. Keynote Challenge? Wednesday, July 10, 13
  55. 55. The library is a learning space. What makes the library different from any other classroom is the range and diversity of resources that it provides. The library program is about curiosity, exploration and sense making in a resource-rich environment. Let’s start then, by thinking about how the virtual library organizes and presents its resources to connect with students in a meaningful and helpful way. Wednesday, July 10, 13

×