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.

Design for non-designers - Jean O'Brien at ECF Europe 2018

20 views

Published on

(c) Jean O'Brien, Digital Consultant & Designer http://www.jeanobrien.com/

Design for non-designers. Don't know where to start with design? Got no budget or capacity - its just up to you? Then this introduction some basic rules about logos, typeface, colours, layouts and presentations you can easily implement is where you should start...

Presented at ECF Europe 2018. Join the Campaigning Forum and find out more about its upcoming events here: http://fairsay.com/events

Published in: Government & Nonprofit
  • Be the first to comment

  • Be the first to like this

Design for non-designers - Jean O'Brien at ECF Europe 2018

  1. 1. Design!
  2. 2. Logos
  3. 3. Your single most important piece of design
  4. 4. Your single most important piece of design So invest!
  5. 5. Keep it simple
  6. 6. Small to big
  7. 7. Avoid being literal
  8. 8. Identify, not describe
  9. 9. Black and white
  10. 10. Different alignments
  11. 11. Icon element
  12. 12. Know your market - should you fit in?
  13. 13. Or stand out?
  14. 14. Avoid unfortunate resemblances
  15. 15. Look from a few angles
  16. 16. Look from a few angles
  17. 17. Maximum of three typefaces
  18. 18. One typeface is better
  19. 19. Display vs body Body copy, on the other hand is intended for reading in larger chunks such as paragraphs. Its goal is to be clear and legible, and while it has its own style and design elements, they usually are slight variations on what a traditional letterform should ideally look like. You can use body copy as display, but almost never the other way around. DISPLAY FONTS ARE FOR TITLES & HEADLINES
  20. 20. (Legibility is everything)
  21. 21. Serif Sans serif
  22. 22. Avoid the default fonts
  23. 23. Old reliables
  24. 24. No Comic Sans. No Papyrus.
  25. 25. Use weights for hierarchy
  26. 26. Colour
  27. 27. Get to know colour theory
  28. 28. Colour tones set mood
  29. 29. Use color palettes
  30. 30. Add halftones and tints for variety
  31. 31. color.adobe.com
  32. 32. Take care with contrast
  33. 33. Contrast problems Pale on pale Dark on dark Red & green Clashing colours
  34. 34. Contrast problems Pale on pale Dark on dark Red & green Clashing colours Use higher contrast Use higher contrast Harmonising colours Separate red & green
  35. 35. Layout
  36. 36. Grid systems
  37. 37. Grids create harmony
  38. 38. Get a template or create your own
  39. 39. Consider the medium
  40. 40. Consider the medium
  41. 41. Necessary information only
  42. 42. Visual hierarchy
  43. 43. White space is GOOD
  44. 44. Text alignment Aximaxime dolene doloriti ipsaepe rnatur aut eatiaes sequam quia vendame volore ommostius untem iliciaecae laccus. As sequi voluptati. Unditat. Ut qui berioratur, illiquae optatem con nis nulparum rae cus sumquiaspid quia dolorpos. Fusce vitae dolor lorem, eu bibendum dui. In imperdiet dapibus diam, id pellentesque consequat ut. Aximaxime dolene doloriti. Untem iliciaecae laccus. As sequi voluptati. Unditat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pharetra ultrices erat interdum scelerisque. Fusce vitae dolor lorem, eu bibendum dui. In imperdiet dapibus diam, id pellentesque consequat ut. Flush Left Centred Justified
  45. 45. Text alignment Aximaxime dolene doloriti ipsaepe rnatur aut eatiaes sequam quia vendame volore ommostius untem iliciaecae laccus. As sequi voluptati. Unditat. Ut qui berioratur, illiquae optatem con nis nulparum rae cus sumquiaspid quia dolorpos. Fusce vitae dolor lorem, eu bibendum dui. In imperdiet dapibus diam, id pellentesque consequat ut. Aximaxime dolene doloriti. Untem iliciaecae laccus. As sequi voluptati. Unditat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pharetra ultrices erat interdum scelerisque. Fusce vitae dolor lorem, eu bibendum dui. In imperdiet dapibus diam, id pellentesque consequat ut. Flush Left Centred Justified For almost everything For things like menus, event lineups For books, newspapers and magazines
  46. 46. Consistency of formatting First caption Second caption Third caption
  47. 47. Photography and illustration
  48. 48. Rules can be broken
  49. 49. Powerpoint
  50. 50. Powerpoint SUCKS
  51. 51. 95% of Powerpoint slides are GARBAGE
  52. 52. 95% of Powerpoint slides are GARBAGE
  53. 53. 1 piece of info per slide
  54. 54. • No to default layouts • 3 colours • Strong font
  55. 55. Slides are NOT handouts!
  56. 56. Slides are NOT handouts!
  57. 57. Recommended Reading
  58. 58. Thank you! Questions?

×