Visual design of course presentation materials f teaser course

  • 292 views
Uploaded on

Tips on creating strong visual presentations. On what

Tips on creating strong visual presentations. On what

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
292
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
5
Comments
1
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Visual Design of Course presentation Materials
  • 2. Know what you wantVisual Design of Course your audience to take away. presentation Materials
  • 3. Present Content in a Context that will be Remembered.
  • 4. Exercise How do your visuals currently stack up? the thought bubble and typeface change serve as visual cues to audience.
  • 5. Your visuals should SUPPORTVisual Design of Course presentation Materials your message without taking over.
  • 6. When your visuals don’t support your point, your message is lost.
  • 7. 3 areas to focus on to create professional presentations are:Visual Design of Course presentation Materials
  • 8. 3 areas to focus on to create professional presentations are:Visual Design of Course 1. DESIGN (Layout & Theme) presentation Materials
  • 9. 3 areas to focus on to create professional presentations are:Visual Design of Course 1. DESIGN (Layout & Theme) presentation Materials 2. TYPOGRAPHY
  • 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. Design Layout & theme
  • 12. Like with any audience are building youDesign of CourseVisual TRUST presentation Materials with each slide.
  • 13. Have a plan.Don’t show up, unprepared.
  • 14. layoutVisual Design of Course presentation Materials
  • 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. slide courtesy of ?????????????????? @ @ slideshare.net Burson-Marsteller slideshare.net
  • 17. slide courtesy of Burson-Marsteller @ slideshare.net
  • 18. instead...slide courtesy of Fluid Studios @ slideshare.net
  • 19. slide courtesy of artstor
  • 20. slide courtesy of artstor
  • 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. slide courtesy of artstor
  • 23. slide courtesy of artstor
  • 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. slide courtesy of artstor
  • 26. slide courtesy of artstor
  • 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. color paletteVisual Design of Course presentation Materials
  • 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. use resources likewww.design-seeds.com
  • 31. or find a pictureand use the color picker to create your own.
  • 32. this is the palettebeing used in this presentation
  • 33. typography
  • 34. Hard to believe but there is moreto creating professional lookingmaterials than simply pickingthe right typefaces.
  • 35. 12 elements to consider:Visual Design of Course presentation Materials
  • 36. 12 elements to consider: 1. SERIF OR SANS SERIF Visual Design of Course A A presentation Materials sans serifserif
  • 37. 12 elements to consider: 1. SERIF OR SANS SERIF Visual Design of Course A A presentation Materials on screenon paper
  • 38. 12 elements to consider: 1. SERIF OR SANS SERIFVisual Design of Course 2. TYPE CHOICE presentation Materials
  • 39. Exercise TYPE SPEAKS !!!
  • 40. image © Traci Bautista
  • 41. slide courtesy of Arrehome @ slideshare.net
  • 42. slide courtesy of Arrehome @ slideshare.net
  • 43. slide courtesy of Arrehome @ slideshare.net
  • 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. 12 elements to consider: 1. SERIF OR SANS SERIFVisual Design of Course 2. TYPE CHOICE presentation Materials 3. COLOR CONTRAST
  • 46. slide courtesy of Oklahoma Dept. Mental Health @ slideshare.net
  • 47. Your typography is doing itsVisual Design of Course job when you don’t notice it. presentation Materials
  • 48. 12 elements to consider: 1. SERIF OR SANS SERIFVisual Design of Course 2. TYPE CHOICE presentation Materials 3. COLOR CONTRAST 4. SIZE
  • 49. slide courtesy of Fluid Studios @ slideshare.net
  • 50. slide courtesy slideshare.net
  • 51. For printed documentsVisual Design of Course be your body type should between 8 – 11 points. presentation Materials
  • 52. IMAGERY
  • 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. Exercise what song was madonna singingwhen she wore the cone bra?
  • 55. 7 elements to consider:Visual Design of Course presentation Materials
  • 56. 7 elements to consider: 1. PROXIMITY TO THE TYPEVisual Design of Course presentation Materials
  • 57. When type and imagery are too far apart theyconnect more with the outside edge than they do with each other.
  • 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. 7 elements to consider: 1. PROXIMITY TO THE TYPEVisual Design of Course 2. BACKGROUNDS Materials presentation
  • 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. 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. slide courtesy of slideshare.net
  • 63. slide courtesy of slideshare.net
  • 64. 7 elements to consider: 1. PROXIMITY TO THE TYPEVisual Design of Course 2. BACKGROUNDS Materials presentation 3. GRADIENTS
  • 65. Buildingtrust or building confusion?
  • 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