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.

Transcript

1. Name That Brand! Visual Design and Identity Audrey Romano Jen Montminy
2. logos
12. typeface
29. color
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
53. Connections to Learning Design
54. Consistency in the use of visual elements improves usability
57. The Coherence Principal use of gratuitous text, images, & sounds hurts learning (Clark and Mayer)
60. The Art of Chunking use of styling and visual elements to emphasize certain points improves learning.
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
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