{"id":253684,"date":"2023-09-12T11:10:00","date_gmt":"2023-09-12T08:10:00","guid":{"rendered":"https:\/\/inform.click\/was-uns-das-bauhaus-uber-infografik-design-lehren-kann\/"},"modified":"2023-09-12T11:15:00","modified_gmt":"2023-09-12T08:15:00","slug":"was-uns-das-bauhaus-uber-infografik-design-lehren-kann","status":"publish","type":"post","link":"https:\/\/inform.click\/de\/was-uns-das-bauhaus-uber-infografik-design-lehren-kann\/","title":{"rendered":"Was uns das Bauhaus \u00fcber Infografik-Design lehren kann"},"content":{"rendered":"

\n Im Vergleich zur bildenden Kunst wurde Design aufgrund seines praktischen Charakters schon immer als weniger inspirierend empfunden. Wir haben die unglaubliche Kraft des Designs seit dem letzten Jahrhundert nur aufgrund einiger paradigmenwechselnder Designbewegungen erkannt.\n<\/p>\n

\n Das Bauhaus<\/a> war eine dieser Bewegungen, die dem Design<\/strong> einen einzigartigen Platz in der Menschheit einr\u00e4umten: eine einzigartige Disziplin, die Kunst und Handwerk mit einem philosophischen Ansatz verschmolz.\n<\/p>\n

\n \u201eBauhaus“ \u2013 ein Begriff, der auf Deutsch w\u00f6rtlich \u201eBauhaus“ bedeutet \u2013 war eine 1919 vom Architekten Walter Gropius<\/a> gegr\u00fcndete Kunstschule. Als die Bauhausschule existierte, hatte sie ihre Wurzeln in drei St\u00e4dten \u2013 Dessau (1925-1932), Weimar 1919\u20131925) und Berlin (1932\u20131933).Obwohl kurzlebig und schlie\u00dflich wegen der Nazipartei geschlossen, hatte das Bauhaus als Bewegung einen enormen Einfluss auf Kunst, Design und Architektur, der bis heute andauert. Einige der bekanntesten Bauhaus-K\u00fcnstler und -Designer sind Paul Klee, Johannes Itten, Mies Van der Rohe, Wassily Kandinsky und L\u00e1szl\u00f3 Moholy-Nagy.\n<\/p>\n

\n Anstatt sich auf das elit\u00e4re Ideal der bildenden Kunst zu konzentrieren, war das Bauhaus damals radikal genug, um Kunst- und Designprinzipien wie Farbtheorie und Komposition mit einem unerm\u00fcdlichen Streben nach zweckm\u00e4\u00dfiger Funktionalit\u00e4t zu integrieren. Von den revolution\u00e4ren Bauhaus-Prinzipien f\u00fcr das Design von Infografiken kann man viel lernen. Hier gehen wir ihre Lektionen durch, um Ihr Denken \u00fcber Informationsdesign mit einer merkw\u00fcrdigen Mischung aus k\u00fcnstlerischem Flair und modernistischer Rationalit\u00e4t aufzufrischen.\n<\/p>\n

\n Das Bauhaus-Erbe
\n<\/h5>\n

\n Es gibt die sechs Grundprinzipien des Bauhauses. Sie basieren auf einem minimalistischen Ansatz, der sich durch einfache Farben und klares Design auszeichnet. Das Bauhaus als Bewegung war nicht nur eine Kunstschule, sondern vertrat bestimmte \u00dcberzeugungen, die seine Herangehensweise an Kunst und Design pr\u00e4gten:\n<\/p>\n

    \n
  1. Produkte k\u00f6nnten Massenware sein, aber auch den k\u00fcnstlerischen Geist der Individualit\u00e4t ehren und der Mehrheit der Bev\u00f6lkerung dienen. Obwohl es in Deutschland bereits eine \u00e4hnliche Idee gab, trat sie nach dem Bauhaus ins Rampenlicht.\n <\/li>\n
  2. Auch die Kunstschule des Bauhauses vertrat die Auffassung, dass die Studierenden in k\u00fcnstlerischer, sozialer, wirtschaftlicher, technischer und geistiger Hinsicht gut ausgestattet sein m\u00fcssen. Dies w\u00fcrde das Beste aus ihnen herausholen und sie zu wichtigen Teilnehmern der Gesellschaft machen.\n <\/li>\n
  3. Die Bauhaus School of Arts bevorzugte zukunftsorientierte Fakult\u00e4tsmitglieder gegen\u00fcber akademisch qualifizierten Gelehrten. K\u00fcnstlerische Kreativit\u00e4t wurde von ihnen gef\u00f6rdert.\n <\/li>\n
  4. Ein weiterer Grundsatz war die Verschmelzung von angewandter und bildender Kunst.\n <\/li>\n
  5. Anh\u00e4nger des Bauhauses glaubten, dass ein Designer \u00fcber umfassende Erfahrung mit Materialien verf\u00fcgen muss.\n <\/li>\n
  6. Sie glaubten fest an rationales Design und waren fasziniert von einem modernen Sinn f\u00fcr Sch\u00f6nheit.\n <\/li>\n<\/ol>\n

    \n Bauhaus-Unterricht f\u00fcr Infografik-Design\n<\/p>\n

    \n Grafikdesigner k\u00f6nnen viel \u00fcber modernes Design lernen, das eine Kombination aus Kunstfertigkeit, Erschwinglichkeit und N\u00fctzlichkeit einf\u00e4ngt. Lassen Sie uns einen Blick auf die Lektionen werfen, die wir heute auf das Design von Infografiken anwenden k\u00f6nnen.\n<\/p>\n

    \n 1 Form folgt Funktion
    \n<\/h5>\n

    \n Effektives Informationsdesign betrachtet Kommunikation als oberste Priorit\u00e4t. Hin und wieder sehen wir eine sch\u00f6n gestaltete Infografik, die keine einpr\u00e4gsame Botschaft vermittelt. Der Hauptzweck einer Infografik ist es, Informationen zu kommunizieren \u2013 Form und Stil sollten diesen Zweck erf\u00fcllen und nicht umgekehrt.\n<\/p>\n

    \n
    \n Der ber\u00fchmte Satztisch von Josef Albert ist ein Spiel mit minimalistischen Formen und Farbkombinationen.\n<\/p>\n

    \n Die Bauhaus-Schule lehrte die Sch\u00fcler, unn\u00f6tige Dekoration zu entfernen, die keinen funktionalen Zweck erf\u00fcllte. Der vom amerikanischen Architekten Louis Sullivan gepr\u00e4gte Satz \u201eform follows function“ trifft den Bauhaus-Zeitgeist perfekt. Nach dieser Regel sollte eine gute Infografik die Lesbarkeit priorisieren und visuelle Unordnung reduzieren, um einen klaren visuellen Fokus zu schaffen. Mit anderen Worten, wir sollten exzessiven Zierdetails den Tod ank\u00fcndigen.\n<\/p>\n

    \n Nachfolgend finden Sie eine Infografik, die dieser Regel folgt. Mit minimalen Farben und einfachen geometrischen Formen kommuniziert es komplexe Informationen mit einem sehr sauberen, \u00fcbersichtlichen Design.\n<\/p>\n

    \"\"<\/a> Die t\u00e4glichen Routinen ber\u00fchmter Kreativer<\/p>\n

    \n 2 Visuelle Hierarchie ist K\u00f6nig
    \n<\/h5>\n

    \n Die Bauhaus-Schule widmete den Beziehungen zwischen zwei Gegens\u00e4tzen besondere Aufmerksamkeit. Es erl\u00e4uterte zum Beispiel den Zusammenhang zwischen dunkel und hell, links und rechts oder gro\u00df und klein. Und diese Beziehung zwischen Elementen schafft eine visuelle Hierarchie.\n<\/p>\n

    \n Nehmen wir zum Beispiel Kandinskys (Mondrians?) ikonische Kompositionsbilder. Die Gr\u00f6\u00dfe und Position des roten Rechtecks \u200b\u200bschafft einen visuellen Schwerpunkt und bildet eine Beziehung zu angrenzenden kontrastierenden Farben und Formen, die f\u00fcr unsere Augen sehr gut zu verfolgen ist.\n<\/p>\n

    \"\"<\/a> Kandinskys Gem\u00e4lde \u201eWei\u00df-Wei\u00df“ demonstriert eine klare visuelle Hierarchie.<\/p>\n

    \n Die Lektion hier ist, einen klaren visuellen Fokus im Infografik-Design zu schaffen, indem Kontrast, Formen und r\u00e4umliche Positionierung verwendet werden. Im Infografik-Beispiel unten bildet die Verwendung von roten und gr\u00fcnen Farben einen starken Kontrast, der den quantitativen Unterschied hervorhebt, w\u00e4hrend die \u00fcberlappenden Formen in der Mitte einen klaren visuellen Schwerpunkt bilden.\n<\/p>\n

    \"\"<\/a> Ein Jahr Essen in NYC Infografik.<\/p>\n

    \n 3 Farbe als Medium
    \n<\/h5>\n

    \n Ein aufgeweckter Sch\u00fcler der Bauhaus-Kunstschule namens Josef Albers<\/a> erweiterte das Thema in seinem ikonischen Buch \u201eInteraction of Color“. Josef hat uns beigebracht, dass Farben relativ sind und selten als ihre tats\u00e4chlichen physikalischen Eigenschaften angesehen werden. Als Medium k\u00f6nnen Farben \u201et\u00e4uschen“ und \u201eprovozieren“. Daher kann das Verst\u00e4ndnis, wie Farben miteinander interagieren, Ihre Botschaft stark bestimmen.\n<\/p>\n

    \n In dem Beispiel unten, das die Relativit\u00e4t von Farbe veranschaulicht, werden Quadrate derselben Farbe Braun aufgrund des Kontexts, in dem sie sich befinden, als unterschiedlich schattiert wahrgenommen. Das Verst\u00e4ndnis der intrinsischen Eigenschaften einer Farbpalette ist der erste Schritt. Um die richtige Botschaft zu vermitteln, muss man bei der Auswahl eines Farbschemas auch die Wechselwirkung zwischen Farben ber\u00fccksichtigen.\n<\/p>\n

    \"\"<\/a> Josef Albers \u00fcber die Relativit\u00e4t der Farbe.<\/p>\n

    \n Derzeit w\u00e4hlen Designer die besten Paletten aus, um die Websites farbenfroh zu gestalten und die intrinsischen Eigenschaften der Farbt\u00f6ne anzupassen.\n<\/p>\n

    \n Die Lektion, dass Farben tiefere Verbindungen halten, ist das, was moderne Designer anwenden. Also w\u00e4hlen sie vorsichtig die beste Farbkombination und bringen die Bedeutung insgesamt zum Vorschein.\n<\/p>\n

    \n Neben Josef Albers haben auch andere Bauhaus-K\u00fcnstler zur Farblehre beigetragen, wie etwa Johannes Itten<\/a> und seine Farbsph\u00e4re. Die Kategorisierung von Farben in Prim\u00e4r-, Sekund\u00e4r- und Terti\u00e4rfarben<\/strong> ist heute noch weit verbreitet im Grafikdesign. Die Farbtheorie von Itten kann Infografik-Designern helfen, das beste Farbschema f\u00fcr ihre Designs auszuw\u00e4hlen.\n<\/p>\n

    \"\"<\/a> Der 12-Farben-Farbkreis von Johannes Itten.<\/p>\n

    \n Mit dieser Farbtheorie im Hinterkopf ist es viel einfacher, das beste Farbschema f\u00fcr Ihre Infografik basierend auf den Prinzipien der Einheitlichkeit<\/strong> und Einfachheit<\/strong> auszuw\u00e4hlen. Eine gute Infografik verwendet eine konsistente Farbpalette, w\u00e4hrend die Kombination von Farben einfach gehalten wird. Sie m\u00f6chten, dass Ihre Farben die \u00dcbermittlung von Informationen unterst\u00fctzen, anstatt Ihren Leser zu behindern oder von der Kernbotschaft abzulenken.\n<\/p>\n

    \n Wenn Sie beispielsweise eine Infografik \u00fcber die Kaffeezubereitung entwerfen m\u00f6chten, ist es am besten, Braun als dominierende Farbe zu verwenden, da es die Farbe ist, die mit Kaffeebohnen assoziiert wird, w\u00e4hrend Sie die gesamte Farbpalette einfach halten. In dieser Nespresso- Infografik<\/a> vermittelt das Design das Thema, indem es durchgehend braune Farbe verwendet.\n<\/p>\n

    \n Um Farben konsistent und einfach f\u00fcr Ihr Infografik-Design zu verwenden, k\u00f6nnen Sie 3 Farbschemata in Betracht ziehen: monochromatisch, triadisch und komplement\u00e4r<\/strong>. Ein monochromes Farbschema verwendet Farben mit demselben Farbton, aber unterschiedlicher S\u00e4ttigung, also achten Sie darauf, Ihre Farben so einzustellen, dass sie nicht zu matt erscheinen. F\u00fcr Anf\u00e4nger ist es einfacher, mit einem triadischen Farbschema zu beginnen, bei dem die Farben auf dem Farbkreis den gleichen Abstand haben. Komplement\u00e4rfarben befinden sich an den gegen\u00fcberliegenden Enden des Farbkreises und eignen sich hervorragend zum Erzeugen von Kontrasten.\n<\/p>\n

    \"\"<\/a> 3 Arten von Farbschemata f\u00fcr Infografiken.<\/p>\n

    \n Ber\u00fccksichtigen Sie schlie\u00dflich immer den Kontext Ihrer Infografik, um Farben auszuw\u00e4hlen, die die richtigen Assoziationen hervorrufen. Wenn Sie beispielsweise eine Infografik f\u00fcr die Weihnachtszeit entwerfen, halten Sie sich am besten an das rot-gr\u00fcne Farbschema.\n<\/p>\n

    \n 4 Typografie ist sehr wichtig
    \n<\/h5>\n

    \n Eines der gr\u00f6\u00dften Verm\u00e4chtnisse der Bauhaus-Kunstschule ist die Typografie. Die F\u00fchrer des Bauhauses glaubten, dass Typografie ein integraler Bestandteil von Grafiken ist und dass W\u00f6rter in spitzen Winkeln gesetzt werden sollten. Die Bedeutung eines Wortes hatte jedoch einen h\u00f6heren Stellenwert als seine Gestaltung.\n<\/p>\n

    \n Dieser Glaube lehrte die zeitgen\u00f6ssischen Designer eine wichtige Lektion. Es ermutigte sie, kreativ mit Schriftstilen umzugehen, ermahnte sie aber auch, nicht von der eigentlichen Botschaft abzuweichen, die sie ausdr\u00fccken m\u00f6chten. Laut Bauhaus ist die prim\u00e4re Funktion der Typografie die Kommunikation, und Kommunikation soll in der \u201ek\u00fcrzesten, einfachsten, eindringlichsten Form“ erscheinen.\n<\/p>\n

    \"\"<\/a> Die besten Bauhaus-Schriften streben nach Klarheit und Einfachheit.<\/p>\n

    \n F\u00fcr das Design von Infografiken sollten wir als Faustregel gut lesbare und einfache Schriftarten verwenden, um klar zu kommunizieren. \u00dcberm\u00e4\u00dfig dekorative Schriftarten f\u00fcr Werbetexte erschweren die Lesbarkeit und lenken vom Betrachten ab, da Texte selten im Mittelpunkt des Designs stehen.\n<\/p>\n

    \n 5 Das Rasterlayout
    \n<\/h5>\n

    \n Eine gute Ausrichtung macht einen gro\u00dfen Unterschied im Grafikdesign. Die Pioniere des Bauhauses glaubten an eine minimalistische Herangehensweise an die visuelle Organisation, bei der alles eng in Rechtecke und Quadrate gepresst wird. Das Raster macht f\u00fcr die praktisch denkenden Bauhaus-Designer durchaus Sinn. Viele Bauhaus-Gestaltungselemente folgen einem strengen Raster, etwa der Buchdeckel und das Schachbrett darunter.\n<\/p>\n

    \"\"<\/a> Entwerfen f\u00fcr das Raster.<\/p>\n

    \n Heutzutage ist das Rastersystem ein h\u00e4ufig verwendetes Ausrichtungssystem von Grafikdesignern und Webdesignern f\u00fcr Seitenlayouts. Es bleibt ein effektives System, um die visuelle Hierarchie im gesamten Inhaltsbereich aufrechtzuerhalten. F\u00fcr das Design von Infografiken ist das Befolgen des Rastersystems ein Muss, da mehrere Elemente angeordnet, organisiert und strukturiert werden m\u00fcssen, um eine klare visuelle Hierarchie zu schaffen.\n<\/p>\n

    \"\"<\/a> Wie das Rastersystem im Grafikdesign verwendet wird.<\/p>\n

    \n Mit einem spaltenbasierten Rastersystem<\/strong> wie dem 6-Spalten-Raster oben k\u00f6nnen Sie eine Richtlinie daf\u00fcr aufstellen, wie Ihre Designelemente mit jedem Ausgang interagieren. Das bildet die Grundlage f\u00fcr starke visuelle Beziehungen in Ihrem Design. Au\u00dferdem k\u00f6nnen Gittersysteme verwendet werden, um Rhythmus und Bewegung zu erzeugen. Im obigen Farbdesign des Bauhaus-Magazins erzeugt das diagonal positionierte Raster ein Gef\u00fchl der Bewegung, w\u00e4hrend dicht besiedelte Elemente in der Mitte des Rasters ein Gef\u00fchl der Schwerkraft erzeugen.\n<\/p>\n

    \n Wenn ein spaltenbasiertes Rastersystem der Leim ist, der Ihre Inhalte zusammenh\u00e4lt, dann hilft die Verwendung von R\u00e4ndern,<\/strong> Ihre dichte Anzeige von Informationen zu entwirren. Sie haben wahrscheinlich bemerkt, wie die gro\u00dfz\u00fcgige Verwendung von Wei\u00dfraum und breiten R\u00e4ndern in Bauhaus-Designs ein sauberes, aufger\u00e4umtes Aussehen schafft.\n<\/p>\n

    \n Schlie\u00dflich hilft Ihnen ein Rastersystem dabei, das Raster zu durchbrechen. Ihr Design wird sofort wirkungsvoll, wenn Sie absichtlich gegen die Regeln versto\u00dfen. Dadurch wird Ihre Infografik unter den vielen Cookie-Cutter-Infografik-Layouts sofort einpr\u00e4gsamer. Nehmen Sie die folgende Infografik als Beispiel. Das Aufbrechen des rechteckigen Rasters oben erzeugt eine auff\u00e4llige visuelle Wirkung, w\u00e4hrend der Rest des Seitenrasters intakt blieb, um die visuelle Harmonie des Gesamtdesigns zu erhalten.\n<\/p>\n

    \"\"<\/a> Gutes Beispiel f\u00fcr das Durchbrechen des Rasters.<\/p>\n

    \n Du bist dran
    \n<\/h4>\n

    \n Hier sind die f\u00fcnf wesentlichen Lehren aus dem Bauhaus, die Sie in Ihrem n\u00e4chsten Infografik-Design verwenden k\u00f6nnen. Finden Sie sie leicht verst\u00e4ndlich und praktisch zu befolgen? Haben Sie andere Bauhaus-Prinzipien entdeckt, die sich f\u00fcr Infografik-Designs eignen?\n<\/p>\n

    \n Und wenn Sie bereit sind, den Sprung zu wagen, probieren Sie diese Designprinzipien mit einem Infografik-Ersteller wie Visme aus, der mit Vorlagen geliefert wird, damit Sie sich darauf konzentrieren k\u00f6nnen, mit der Auswahl der richtigen Schriftart, Farbe und des richtigen visuellen Layouts zu spielen.\n<\/p>\n<\/p>\n

    \n Aufnahmequelle: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Im Vergleich zur bildenden Kunst wurde Design aufgrund seines praktischen Charakters schon immer als weniger inspirierend empfunden. Wir haben die unglaubliche Kraft des Designs seit dem letzten Jahrhundert nur aufgrund einiger paradigmenwechselnder Designbewegungen erkannt. Das Bauhaus war eine dieser Bewegungen, die dem Design einen einzigartigen Platz in der Menschheit einr\u00e4umten: eine einzigartige Disziplin, die Kunst und Handwerk mit einem philosophischen Ansatz verschmolz. \u201eBauhaus\u201c \u2013 ein Begriff, der auf Deutsch w\u00f6rtlich \u201eBauhaus\u201c bedeutet \u2013 war eine Kunstschule, die 1919 vom Architekten Walter Gropius gegr\u00fcndet wurde. Als die Bauhausschule existierte, hatte sie ihre Wurzeln in drei St\u00e4dten \u2013 \u2026<\/p>\n","protected":false},"author":1,"featured_media":191028,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[393,523,601,354,55,198,653],"tags":[],"class_list":["post-253684","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ontwerpen","category-sonstig","category-technik-und-mehr","category-unterhaltung","category-web-und-wordpress","category-webdesign","category-websites"],"_links":{"self":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts\/253684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/comments?post=253684"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts\/253684\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/media\/191028"}],"wp:attachment":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/media?parent=253684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/categories?post=253684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/tags?post=253684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}