Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

How to make Awesome Diagrams for your slides Slide 1 How to make Awesome Diagrams for your slides Slide 2 How to make Awesome Diagrams for your slides Slide 3 How to make Awesome Diagrams for your slides Slide 4 How to make Awesome Diagrams for your slides Slide 5 How to make Awesome Diagrams for your slides Slide 6 How to make Awesome Diagrams for your slides Slide 7 How to make Awesome Diagrams for your slides Slide 8 How to make Awesome Diagrams for your slides Slide 9 How to make Awesome Diagrams for your slides Slide 10 How to make Awesome Diagrams for your slides Slide 11 How to make Awesome Diagrams for your slides Slide 12 How to make Awesome Diagrams for your slides Slide 13 How to make Awesome Diagrams for your slides Slide 14 How to make Awesome Diagrams for your slides Slide 15 How to make Awesome Diagrams for your slides Slide 16 How to make Awesome Diagrams for your slides Slide 17 How to make Awesome Diagrams for your slides Slide 18 How to make Awesome Diagrams for your slides Slide 19 How to make Awesome Diagrams for your slides Slide 20 How to make Awesome Diagrams for your slides Slide 21 How to make Awesome Diagrams for your slides Slide 22 How to make Awesome Diagrams for your slides Slide 23 How to make Awesome Diagrams for your slides Slide 24 How to make Awesome Diagrams for your slides Slide 25 How to make Awesome Diagrams for your slides Slide 26 How to make Awesome Diagrams for your slides Slide 27 How to make Awesome Diagrams for your slides Slide 28 How to make Awesome Diagrams for your slides Slide 29 How to make Awesome Diagrams for your slides Slide 30 How to make Awesome Diagrams for your slides Slide 31 How to make Awesome Diagrams for your slides Slide 32 How to make Awesome Diagrams for your slides Slide 33 How to make Awesome Diagrams for your slides Slide 34 How to make Awesome Diagrams for your slides Slide 35 How to make Awesome Diagrams for your slides Slide 36 How to make Awesome Diagrams for your slides Slide 37 How to make Awesome Diagrams for your slides Slide 38 How to make Awesome Diagrams for your slides Slide 39 How to make Awesome Diagrams for your slides Slide 40 How to make Awesome Diagrams for your slides Slide 41 How to make Awesome Diagrams for your slides Slide 42 How to make Awesome Diagrams for your slides Slide 43 How to make Awesome Diagrams for your slides Slide 44 How to make Awesome Diagrams for your slides Slide 45 How to make Awesome Diagrams for your slides Slide 46 How to make Awesome Diagrams for your slides Slide 47 How to make Awesome Diagrams for your slides Slide 48 How to make Awesome Diagrams for your slides Slide 49 How to make Awesome Diagrams for your slides Slide 50 How to make Awesome Diagrams for your slides Slide 51 How to make Awesome Diagrams for your slides Slide 52 How to make Awesome Diagrams for your slides Slide 53 How to make Awesome Diagrams for your slides Slide 54 How to make Awesome Diagrams for your slides Slide 55 How to make Awesome Diagrams for your slides Slide 56 How to make Awesome Diagrams for your slides Slide 57
Upcoming SlideShare
Powerpoint e il fascino morboso dello sfondo
Next
Download to read offline and view in fullscreen.

842 Likes

Share

Download to read offline

How to make Awesome Diagrams for your slides

Download to read offline

Some guidelines for making your presentation diagrams more understandable, efficient and visually pleasant.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

How to make Awesome Diagrams for your slides

  1. How To Make Awesome Diagrams u r F o r yo slides
  2. Me Enrique García Cota I do software at Splendeo @otikik
  3. © http://www.flickr.com/photos/mrimperial/121370739/ Disclaimer ● I'm not a designer. ● I've just done lots of diagrams in presentations. ● These guidelines work for me. ● “Right” and “Wrong” are used in that context. Don't take them personally.
  4. 1. Lines © http://www.flickr.com/photos/twinysam/4988273864/
  5. Never use 0pt line width Wrong Right Visible from the far end of the room
  6. Have consistent line width Wrong 0.06'' 0.32'' 0.10'' Right 0.06'' 0.06'' 0.32'' Maybe two very different widths; not more
  7. Use only one line ending Wrong Right People at the far end won't see the difference
  8. Use one dashed style Wrong Right Guess
  9. Arrows instead of lines vs. When? See example on next slide
  10. Use connectors, not straight lines With lines With connectors
  11. Shapes instead of lines (sometimes) Phase 1 Phase 2 Phase 3 vs. Phase 1 Phase 2 Phase 3 They look better on simple workflows
  12. Colors instead of outlines (sometimes) vs. Useful to reduce the number of colors
  13. 2. Shapes © http://www.flickr.com/photos/alessandropinna/1423128740/
  14. Use a grid Wrong Right
  15. Align when possible Wrong Right
  16. Size means Importance Wrong Right Not Very Not Very Important Important Important Important
  17. Size means Hierarchy Wrong Right Face Face Eyes Nose Mouth Eyes Nose Mouth
  18. Size means Relative Size Wrong Right Elephant Duck Elephant Duck
  19. Size doesn't mean “long name” Wrong A Long Name Right A B* A A ... * Long Name Long Name Long Name
  20. Different Shape = Different Type OK Better ? ? Yes No Yes No
  21. Maximum number types: 4
  22. If you need more, use images OK Better A B C Warning! Finding appropriate images takes time
  23. Transparencies, Shadows & Gradients Don't They take a lot of time to get right, and most projectors won't show them anyway
  24. © http://www.flickr.com/photos/24241587@N05/5184820807/ 3. Nesting
  25. One nesting level per slide Wrong Unique slide
  26. One nesting level per slide Right Slide 1
  27. One nesting level per slide Right Slide 2
  28. One nesting level per slide Right Slide 3
  29. One nesting level per slide Right Slide 4? Is this level really needed?
  30. But, won't adding slides increase the presentation complexity? Yes, it will. But less than nested shapes.
  31. Complexity → → ting Nes Sli d es → 1 slide / 1 nesting level
  32. If you need everything in one place You are not making a presentation Consider other formats
  33. © http://www.flickr.com/photos/yetti/8743214/ 4. Color
  34. Color count Fill + Text + Lines - Background Fill = Green + Red = 2 Hi Text = White = 1 Lines = Black = 1 Background = White = -1 Bye! 2+1+1–1=3
  35. Color count should be ≤ 3
  36. The magic of combinatory I'm only using three still but here colors combi- can make many nations
  37. When in doubt, use Primary colors Red Yellow Green Blue #c5000b #ffd320 #008000 #0084d1 In LibreOffice: Chart 11, Chart 3, Green, Chart12 These are awesome for diagrams
  38. Color is great for Stress or Status Wrong Right OK OK Alert OK OK Alert Alert Alert OK OK Alert Alert OK OK OK Alert OK OK Alert Alert OK
  39. Color is not great for lines Wrong Right More easily seen from far away
  40. Use bright background colors Wrong Right Some projectors don't handle dark slides well
  41. Don't use pale colors in foreground Wrong Right Gray 10% Gray >20% To projectors, any pale color = white
  42. Printing: Black and White OK OK Alert OK OK Alert Alert OK OK Alert OK OK OK Alert OK OK Alert OK Black and White = information loss
  43. Printing: Graceful Degradation OK OK Alert Alert OK OK Alert Alert Alert Alert OK OK Alert Alert OK OK OK Alert Alert OK OK Alert Alert OK Use contrast and borders to compensate
  44. 5. ext © http://www.flickr.com/photos/rahulchhiber/5177233766/
  45. First and foremost: Are you an optometrist?
  46. us feel like this. Then don't make ©http://www.flickr.com/photos/sveinhal/2182773789/
  47. Smallest font size: 20px Otherwise it's impossibly difficult to read from far away
  48. Only one font Wrong a a a a Right a a a a
  49. Exception: Typographic diagrams Nice Yuck
  50. Bigger shape ⇒ Bigger or equal text Wrong Right Letters Letters A A Otherwise text size contradicts shape size
  51. Italics: Don't bother Wrong Right a a No one will notice the difference
  52. Bold: Don't mix it Wrong Right a a a a a a Again, the difference is hard to notice
  53. a hard to re d, n te of esp is ec iall Oblique text when y Use horizontal text up font. sid l al d e ow sm n and with a © http://www.flickr.com/photos/cobalt/1156232979/
  54. That was it! © Enrique García Cota
  55. Go Now And Make Some Awesome Diagrams!
  56. Now Go Make Some Awesome Diagrams!
  57. © Enrique García Cota Thank you!
  • BlancaValenzuela7

    Nov. 23, 2021
  • JaneOatts

    Jul. 27, 2021
  • KushalMeshram3

    Mar. 12, 2021
  • HunterJohnson44

    Mar. 1, 2021
  • Ravikumar5338

    Aug. 7, 2020
  • DnyaneshwariMohekar

    Jul. 31, 2020
  • LeLoupBleu

    Jul. 21, 2020
  • RoselisaKim

    May. 20, 2020
  • SRINIVASANNarayanan9

    Feb. 6, 2020
  • SamCiaramilaro

    Dec. 20, 2019
  • GraceAnnSantiago1

    Sep. 28, 2019
  • ABLOMETIDENNIS

    Sep. 4, 2019
  • JessieFriesen

    Jul. 6, 2019
  • zhongliyi

    Jul. 5, 2019
  • AkeemMustapha2

    May. 25, 2019
  • arindamlahiri129

    Apr. 4, 2019
  • PankajGupta214

    Feb. 20, 2019
  • ssuser998dd5

    Feb. 14, 2019
  • MaliniMals1

    Jan. 30, 2019
  • SabahDegu

    Jan. 18, 2019

Some guidelines for making your presentation diagrams more understandable, efficient and visually pleasant.

Views

Total views

729,438

On Slideshare

0

From embeds

0

Number of embeds

290,794

Actions

Downloads

8,799

Shares

0

Comments

0

Likes

842

×