Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Name That Brand! Visual Design and Identity

36a5e4e61c804d2ebe715ed7eb14658c?s=47 A. Romano
July 17, 2013

Name That Brand! Visual Design and Identity

Co-presented with Jen Montminy at Learning Design Summer Camp 2013 at Penn State University. Visual design is part of everyday life, and in this session we’ll demonstrate the power of the elements of design in a game. Afterwards, we’ll discuss four key design elements, and how they relate to learning design.

36a5e4e61c804d2ebe715ed7eb14658c?s=128

A. Romano

July 17, 2013
Tweet

More Decks by A. Romano

Other Decks in Design

Transcript

  1. Name That Brand! Visual Design and Identity Audrey Romano Jen

    Montminy
  2. logos

  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. typeface

  13. None
  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. color

  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. tone

  37. Just Do It.

  38. You're in good hands.

  39. The King of the Beers. (also) Real Men of Genius

  40. Easy, Breezy, Beautiful

  41. I'm not just the president. I'm also a client.

  42. Where's the beef?

  43. It's everywhere you want to be.

  44. You can't top the copper top.

  45. When it absolutely, positively, has to be there overnight.

  46. Breakfast of Champions

  47. What's in your wallet?

  48. Be all that you can be.

  49. Melts in your mouth. Not in your hands.

  50. WE ARE

  51. None
  52. None
  53. Connections to Learning Design

  54. Consistency in the use of visual elements improves usability

  55. None
  56. None
  57. The Coherence Principal use of gratuitous text, images, & sounds

    hurts learning (Clark and Mayer)
  58. None
  59. None
  60. The Art of Chunking use of styling and visual elements

    to emphasize certain points improves learning.
  61. None
  62. The Personalization Principal use of conversational tone increases student engagement

    and stimulates deeper learning.
  63. Establish Starbucks as the premier purveyor of the finest coffee

    in the world while maintaining our uncompromising principles as we grow. The following six guiding principles will help us measure the appropriateness of our decisions: (Starbucks)
  64. Our Starbucks Mission Statement Our mission: to inspire and nurture

    the human spirit – one person, one cup and one neighborhood at a time. Here are the principles of how we live that every day: Our Coffee It has always been, and will always be, about quality. We’re passionate about ethically sourcing the finest coffee beans, roasting them with great care, and improving the lives of people who grow them. We care deeply about all of this; our work is never done. Our Partners We’re called partners, because it’s not just a job, it’s our passion. Together, we embrace diversity to create a place where each of us can be ourselves. We always treat each other with respect and dignity. And we hold each other to that standard.
  65. Exxon Mobil Corporation is committed to being the world’s premier

    petroleum and petrochemical company. To that end, we must continuously achieve superior financial and operating results while adhering to the highest standards of business conduct. These unwavering expectations provide the foundation for our commitments to those with whom we interact. (ExxonMobil)
  66. style guides acts as distributable documentation & helps promote consistency

  67. A style guide: ◦ Provides some general context and explains

    the purpose of the document ◦ Shows the various design elements ◦ Explains how and why these elements should be used, from a design perspective ◦ Explains when and where it is appropriate to use the elements ◦ Provides more explanations and context per element when necessary.
  68. Design Elements: logos writing style (mood/tone) fonts headings color palette

    image sizes buttons navigation bar icons
  69. None
  70. None
  71. None
  72. group discussion ◦ What other examples of strong branding do

    you recognize in your everyday life? ◦ What are some ways you can use these things in course design? ◦ What challenges do you face in creating consistency in styling and visual elements in your course design?
  73. Sources "Six Principles of Effective e-Learning: What Works and Why."

    Ruth Clark. http://bit.ly/11XhmS5 Penn State Quality Standards. http://weblearning.psu.edu/quality-matters Penn State Visual & Editorial Standards. http://ur.psu.edu/stylemanual/ Penn State University Mark Style Guide. http://www.personal.psu.edu/users/d/r/drs18/Using_the_Mark.pdf