Visual design of course presentation materials f teaser course

729 views

Published on

Tips on creating strong visual presentations. On what

Published in: Design
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
729
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
22
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Visual design of course presentation materials f teaser course

  1. 1. Visual Design of Course presentation Materials
  2. 2. Know what you wantVisual Design of Course your audience to take away. presentation Materials
  3. 3. Present Content in a Context that will be Remembered.
  4. 4. Exercise How do your visuals currently stack up? the thought bubble and typeface change serve as visual cues to audience.
  5. 5. Your visuals should SUPPORTVisual Design of Course presentation Materials your message without taking over.
  6. 6. When your visuals don’t support your point, your message is lost.
  7. 7. 3 areas to focus on to create professional presentations are:Visual Design of Course presentation Materials
  8. 8. 3 areas to focus on to create professional presentations are:Visual Design of Course 1. DESIGN (Layout & Theme) presentation Materials
  9. 9. 3 areas to focus on to create professional presentations are:Visual Design of Course 1. DESIGN (Layout & Theme) presentation Materials 2. TYPOGRAPHY
  10. 10. 3 areas to focus on to create professional presentations are:Visual Design of Course 1. DESIGN (Layout & Theme) presentation Materials 2. TYPOGRAPHY 3. IMAGERY
  11. 11. Design Layout & theme
  12. 12. Like with any audience are building youDesign of CourseVisual TRUST presentation Materials with each slide.
  13. 13. Have a plan.Don’t show up, unprepared.
  14. 14. layoutVisual Design of Course presentation Materials
  15. 15. create a strong opening slide. follow it with designs that clearly reflect and follow choices made in the first slide, i.e. color, style, tone, format.slide courtesy of steven van belleghem @ slideshare.net
  16. 16. slide courtesy of ?????????????????? @ @ slideshare.net Burson-Marsteller slideshare.net
  17. 17. slide courtesy of Burson-Marsteller @ slideshare.net
  18. 18. instead...slide courtesy of Fluid Studios @ slideshare.net
  19. 19. slide courtesy of artstor
  20. 20. slide courtesy of artstor
  21. 21. or... HEADER Il et moste opta ant quis sita consequam, core quianis et hil inis et volupta temporeium volecerro endellant ipsum rat et as ut quiatur, aut faccae es quissitis maximintist quia volorepel idusande delitio rehende lloratusant laut aut evenest, coritatati dolor seque nis et et qui dolupicabo. Et quam eaquodi anditio nsequi in rempori aestin repel int, voluptam facestotat fugitiorest, si solecep udipsaperro te qui sitaepe rroreped que nusandam il illuptas alibus endisciatur,
  22. 22. slide courtesy of artstor
  23. 23. slide courtesy of artstor
  24. 24. or... HEADER Il et moste opta ant quis sita consequam, core quianis et hil inis et volupta temporeium volecerro endellant ipsum rat et as ut quiatur, aut faccae es quissitis maximintist quia volorepel idusande delitio rehende lloratusant laut aut evenest, coritatati dolor seque nis et et qui dolupicabo. Et quam eaquodi anditio nsequi in rempori aestin repel int, voluptam facestotat fugitiorest, si solecep udipsaperro te qui sitaepe rroreped que nusandam il illuptas alibus endisciatur,
  25. 25. slide courtesy of artstor
  26. 26. slide courtesy of artstor
  27. 27. or at the very least, create hierarchy with HEADER IN COLOR your header, Il et moste opta ant quis sita consequam, core quianis et hil making it bold inis et volupta temporeium volecerro endellant ipsum rat et as and in a color. ut quiatur, aut faccae es quissitis maximintist quia volorepel idusande delitio rehende lloratusant laut aut evenest, even a really coritatati dolor seque nis et et qui dolupicabo. Et quamlight color in the eaquodi anditio nsequi in rempori aestin repel int, voluptam background. facestotat fugitiorest, si solecep udipsaperro te qui sitaepe rroreped que nusandam il illuptas alibus endisciatur,
  28. 28. color paletteVisual Design of Course presentation Materials
  29. 29. PICKING COLORSPick a 3-10 colors that you can build yourpresentation around. One of them needsto be a color to use as an accent.
  30. 30. use resources likewww.design-seeds.com
  31. 31. or find a pictureand use the color picker to create your own.
  32. 32. this is the palettebeing used in this presentation
  33. 33. typography
  34. 34. Hard to believe but there is moreto creating professional lookingmaterials than simply pickingthe right typefaces.
  35. 35. 12 elements to consider:Visual Design of Course presentation Materials
  36. 36. 12 elements to consider: 1. SERIF OR SANS SERIF Visual Design of Course A A presentation Materials sans serifserif
  37. 37. 12 elements to consider: 1. SERIF OR SANS SERIF Visual Design of Course A A presentation Materials on screenon paper
  38. 38. 12 elements to consider: 1. SERIF OR SANS SERIFVisual Design of Course 2. TYPE CHOICE presentation Materials
  39. 39. Exercise TYPE SPEAKS !!!
  40. 40. image © Traci Bautista
  41. 41. slide courtesy of Arrehome @ slideshare.net
  42. 42. slide courtesy of Arrehome @ slideshare.net
  43. 43. slide courtesy of Arrehome @ slideshare.net
  44. 44. THE COMIC SANS PLEDGE I, , UNDERSTAND THAT MY CHOICE OF FONT HAS THE POWER TO SUBCONSCIOUSLY & INCORRECTLY SET THE TONE FOR A PIECE OF PRINTED MATERIAL, AND AS A RESULT PROMISE TO SERIOUSLY CONSIDER WHETHER COMIC SANS IS AN APPROPRIATE FONT CHOICE BEFORE USING IT IN ANY PRINTED WORK IN THE FUTURE. SIGNEDslide © Matt Dempsey www.comicsanscriminal.com
  45. 45. 12 elements to consider: 1. SERIF OR SANS SERIFVisual Design of Course 2. TYPE CHOICE presentation Materials 3. COLOR CONTRAST
  46. 46. slide courtesy of Oklahoma Dept. Mental Health @ slideshare.net
  47. 47. Your typography is doing itsVisual Design of Course job when you don’t notice it. presentation Materials
  48. 48. 12 elements to consider: 1. SERIF OR SANS SERIFVisual Design of Course 2. TYPE CHOICE presentation Materials 3. COLOR CONTRAST 4. SIZE
  49. 49. slide courtesy of Fluid Studios @ slideshare.net
  50. 50. slide courtesy slideshare.net
  51. 51. For printed documentsVisual Design of Course be your body type should between 8 – 11 points. presentation Materials
  52. 52. IMAGERY
  53. 53. When you use visualsfor the sake of shockingyour audience, you runthe risk of the viewerremembering the imagebut not the message.Visuals should supportthe message NOT subvert it.
  54. 54. Exercise what song was madonna singingwhen she wore the cone bra?
  55. 55. 7 elements to consider:Visual Design of Course presentation Materials
  56. 56. 7 elements to consider: 1. PROXIMITY TO THE TYPEVisual Design of Course presentation Materials
  57. 57. When type and imagery are too far apart theyconnect more with the outside edge than they do with each other.
  58. 58. Don’t separate the type and image too far or it will appear that the type is repulsed by the image. IMAGE TYPE
  59. 59. 7 elements to consider: 1. PROXIMITY TO THE TYPEVisual Design of Course 2. BACKGROUNDS Materials presentation
  60. 60. Look for backgrounds that have low contrast and are not busy.Some images make it too difficult to read thetype and there is too much type to be able toread the image.
  61. 61. great example of what not to do, this is too hard to read text or the image behind. avoid this type of design with a furry. you will confuse and frustrate your reader, losing that trust you have been building.
  62. 62. slide courtesy of slideshare.net
  63. 63. slide courtesy of slideshare.net
  64. 64. 7 elements to consider: 1. PROXIMITY TO THE TYPEVisual Design of Course 2. BACKGROUNDS Materials presentation 3. GRADIENTS
  65. 65. Buildingtrust or building confusion?
  66. 66. Gradients muddy the message.You are putting more importance on theform of the communication rather thanfocusing on the message. g your eyes? is this hurtin

×