{"id":2821,"date":"2013-01-20T15:06:05","date_gmt":"2013-01-20T15:06:05","guid":{"rendered":"http:\/\/paulopedott.com\/paulo\/?p=2821"},"modified":"2013-01-20T15:06:05","modified_gmt":"2013-01-20T15:06:05","slug":"six-lessons-from-the-bauhaus","status":"publish","type":"post","link":"https:\/\/paulopedott.com\/paulo\/?p=2821","title":{"rendered":"Six Lessons from the Bauhaus"},"content":{"rendered":"<p><a href=\"http:\/\/blog.visual.ly\/six-lessons-from-the-bauhaus-masters-of-the-persuasive-graphic\/\">Six Lessons from the Bauhaus: Masters of the Persuasive Graphic | Visual.ly Blog<\/a>.<\/p>\n<h3>Masters of the Persuasive Graphic<\/h3>\n<p>The\u00a0<a href=\"http:\/\/www.designishistory.com\/1920\/the-bauhaus\/\" target=\"_blank\">Bauhaus school of art and architecture<\/a>\u00a0in early 20th century Germany was the birthplace of a revolution in modern design. Founder Walter Gropius\u2019 form-follows-function philosophy transformed advertising, typography, architecture, people\u2019s living spaces, and the public\u2019s aesthetic expectations in fundamental ways. The Bauhaus mission \u2014 to provide affordable, artistic, utilitarian design for every class of person \u2014 was a smashing success. Today, their crisp, geometric style is reflected in successful design everywhere: from billboards to infographics. And it still serves its original purpose: to honor functionality with beauty, to please the eye and capture the mind.<\/p>\n<p>So what can today\u2019s graphic designers learn from the Bauhaus? Let\u2019s go to school!<\/p>\n<h2>1. Form Follows Function<\/h2>\n<p><a href=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/Form-Follows-Function.jpg?547b7b\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/499x325xForm-Follows-Function.jpg,q547b7b.pagespeed.ic.wdBGYs1dtI.jpg\" width=\"499\" height=\"325\" \/><\/a><br \/>\nEverything made at the Bauhaus School was meant to embody one central tenet: form should always reflect and enhance function. Utility comes first.<\/p>\n<p>The lesson: never sacrifice your message for your design. Focus on readability, narrative, and information first, artistic flair and frills second. Use your design to reinforce your message, never the other way around.<\/p>\n<h2>2. There is Always a Connection Between Color and Shape<\/h2>\n<p><a href=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/Bauhaus-Kandinskys-Shapes.jpg?547b7b\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/618x736xBauhaus-Kandinskys-Shapes-618x736.jpg,q547b7b.pagespeed.ic.ahvHGAyQpE.jpg\" width=\"618\" height=\"736\" \/><\/a><br \/>\nOne of the school\u2019s most famous thinkers and artists,\u00a0<a href=\"http:\/\/bauhaus-online.de\/en\/atlas\/personen\/wassily-kandinsky\" target=\"_blank\">Wassily Kandinsky<\/a>, strove for a universal aesthetic: a visual style that would transcend cultural differences and language barriers. He believed certain shapes and colors complemented each other and communicated a specific idea or emotion to the viewer. For example, he believed yellow and the triangle were natural partners: they strengthen each other\u2019s sharpness. He tested his students on this theory, presenting them with a circle, square, and triangle alongside the colors red, blue, and yellow (blue, a spiritual color, corresponded with the circle while red, an earthbound color, corresponded with the square.) Amazingly, the vast majority of his students (and of all people who take the\u00a0<a href=\"http:\/\/www.moma.org\/interactives\/exhibitions\/2009\/bauhaus\/Main.html\" target=\"_blank\">Kandinsky Questionnaire<\/a>\u00a0today) make these choices.<\/p>\n<p>The lesson: colors and shapes may hold deeper connections than we realize. Consider your combinations carefully.<\/p>\n<h2>3. Clean, Powerful Typography Matters<\/h2>\n<p><a href=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/Classic-Bauhaus-Weimar-Advertisment.jpg?547b7b\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/500x732xClassic-Bauhaus-Weimar-Advertisment.jpg,q547b7b.pagespeed.ic.kOzQ63QMy6.jpg\" width=\"500\" height=\"732\" \/><\/a><br \/>\nIn the world of graphic design, typography is perhaps the Bauhaus\u2019 great legacy. For the Bauhaus, the words were an integral graphic element. They were architectural \u2014 like a chair in a room \u2014 functioning on their own, as words, and as artistic tools in the space. Bauhaus typographers were pioneers of wrapping text, and of setting words at sharp angles. But again, the meaning of the words always came first, clever design second.<\/p>\n<p>The lesson:\u00a0be as imaginative with your typography as you are with every other tool in your toolbox, but make sure it never detracts from your message.<\/p>\n<h2>4. You Don\u2019t Have to Abolish Capital Letters, But Sometimes It Helps<\/h2>\n<p>Like Kandinsky\u2019s universal aesthetic,\u00a0<a href=\"http:\/\/designhistorytimeline.info\/herbert-bayers-universal-alphabet\/\" target=\"_blank\">Herbert Bayer\u2019s universal alphabet<\/a>\u00a0was designed to foster communication. At the time of its invention, almost all of Germany\u2019s printed text was in Fraktur: a strange, antiquated, difficult-to-read typeface; a remnant of an age when monks and scholars published manuscripts for other monks and scholars. You\u2019re probably familiar with Fraktur. It\u2019s available in many modern font packages and in some versions of Microsoft Word.<br \/>\n<a href=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/German-Fraktur.gif?547b7b\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/618x569xGerman-Fraktur-618x569.gif,q547b7b.pagespeed.ic.klMvbO-Jbh.png\" width=\"618\" height=\"569\" \/><\/a><br \/>\nFraktur represented the opposite of the Bauhaus ideal. Its ornate illegibility reflected the elitism of old-fashioned German intellectual culture. It was a typeface for the upper classes. In stark contrast, Bayer\u2019s universal alphabet was all lower-case and sans serif: simple and legible. It was a typeface for everyone.<br \/>\n<a href=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/Herbert-Bayers-Universal-Type.jpg?547b7b\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/Herbert-Bayers-Universal-Type.jpg,q547b7b.pagespeed.ce.LmYHr5h0OV.jpg\" width=\"500\" height=\"435\" \/><\/a><\/p>\n<p>The lesson:\u00a0Make your design accessible. If you\u2019re hoping to appeal to a wide audience, avoid over-stylizing. Reduce your design to its most essential elements.<\/p>\n<h2>5. Share and Collaborate<\/h2>\n<p><a href=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/Bauhaus-Master-Instructors-1926.jpg?547b7b\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/450x268xBauhaus-Master-Instructors-1926.jpg,q547b7b.pagespeed.ic.PWb1mfirHd.jpg\" width=\"450\" height=\"268\" \/><\/a><br \/>\nThe Bauhaus was founded on collaboration. Even though its founders and teachers were all giants in their fields, they also all served a greater purpose: design enlightenment. Not that there weren\u2019t disagreements, but they managed to achieve an openness and collaborative style few groups of artists ever have. Their timelessness is a testament to that.<\/p>\n<p>The lesson: Work with others, share ideas, and don\u2019t live in fear of losing credit. Sometimes getting better and learning is more important.<\/p>\n<h2>6. Imitation is the Highest Form of Flattery: The Bauhaus is Everywhere<\/h2>\n<p>Art is a continuum of great ideas. Many of the best ones have been done before, but you can always frame those ideas in new ways. Even if you didn\u2019t know anything about the Bauhaus before reading this article, you probably recognize the look. It\u2019s a cultural eye-worm and for good reason: it works.<\/p>\n<p>The lesson: When you see a great graphic idea, be inspired.<\/p>\n<p>An original Bauhaus advertisement from 1928:<br \/>\n<a href=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/Original-Bauhaus-Poster.jpg?547b7b\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/421x583xOriginal-Bauhaus-Poster.jpg,q547b7b.pagespeed.ic.nhE8z_60fN.jpg\" width=\"421\" height=\"583\" \/><\/a><\/p>\n<p>A poster advertising Obama\u2019s visit to Berlin in 2008:<br \/>\n<a href=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/Poster-for-Obama-in-Berlin.jpg?547b7b\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/blog.visual.ly\/wp-content\/uploads\/2013\/01\/441x583xPoster-for-Obama-in-Berlin.jpg,q547b7b.pagespeed.ic.otbQRvP4c2.jpg\" width=\"441\" height=\"583\" \/><\/a><\/p>\n<p>Let us therefore create a new guild of craftsmen without the class-distinctions that raise an arrogant barrier between craftsmen and artists! Let us desire, conceive, and create the new building of the future together. It will combine architecture, sculpture, and painting in a single form, and will one day rise towards the heavens from the hands of a million workers as the crystalline symbol of a new and coming faith.<br \/>\n&#8211; Walter Gropius, \u201cManifesto,\u201d (1919).<\/p>\n<p>Anni Murray is a writer, editor, multimedia artist, amateur mycologist, and bat lover. She is currently working on Prism, a speculative science fiction story cycle. Follow her on\u00a0<a href=\"https:\/\/twitter.com\/Soccergirl\" target=\"_blank\">Twitter<\/a>.<\/p>\n<p>Obrigado pela dica, Prof. <a href=\"https:\/\/www.facebook.com\/joseantonio.meiradarocha\">Meira<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Six Lessons from the Bauhaus: Masters of the Persuasive Graphic | Visual.ly Blog. Masters of the Persuasive Graphic The\u00a0Bauhaus school of art and architecture\u00a0in early 20th century Germany was the birthplace of a revolution in modern design. Founder Walter Gropius\u2019 form-follows-function philosophy transformed advertising, typography, architecture, people\u2019s living spaces, and the public\u2019s aesthetic expectations in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3197,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,62,1],"tags":[],"class_list":["post-2821","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-academica","category-design","category-mix"],"_links":{"self":[{"href":"https:\/\/paulopedott.com\/paulo\/index.php?rest_route=\/wp\/v2\/posts\/2821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paulopedott.com\/paulo\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/paulopedott.com\/paulo\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/paulopedott.com\/paulo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paulopedott.com\/paulo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2821"}],"version-history":[{"count":2,"href":"https:\/\/paulopedott.com\/paulo\/index.php?rest_route=\/wp\/v2\/posts\/2821\/revisions"}],"predecessor-version":[{"id":2823,"href":"https:\/\/paulopedott.com\/paulo\/index.php?rest_route=\/wp\/v2\/posts\/2821\/revisions\/2823"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/paulopedott.com\/paulo\/index.php?rest_route=\/wp\/v2\/media\/3197"}],"wp:attachment":[{"href":"https:\/\/paulopedott.com\/paulo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/paulopedott.com\/paulo\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/paulopedott.com\/paulo\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}