Bauhaus-Design: Formen, Primärfarben und bleibende Ideen

Bauhaus-Design ist der Stil, der aus dem Bauhaus hervorging, einer deutschen Schule für Kunst, Handwerk und Gestaltung, die von 1919 bis 1933 bestand. Bekannt ist es für einfache geometrische Formen, Primärfarben, serifenlose Schrift, asymmetrische Layouts und die Überzeugung, dass gutes Design nützlich, gut gemacht und für die industrielle Fertigung geeignet sein soll. Seine Ideen liegen noch immer unter dem Großteil des modernen Grafikdesigns, vom Raster eines Plakats bis zu den Symbolen auf deinem Handy.

Eine kurze Geschichte des Bauhauses

Die Lehrenden waren bemerkenswert: Johannes Itten, Paul Klee, Wassily Kandinsky, László Moholy-Nagy und Josef Albers gehörten dazu. Albers schrieb später Interaction of Color, bis heute eines der besten Bücher darüber, wie Farben einander verändern, was direkt an die moderne Farbtheorie anknüpft.

Bauhaus-Farben und -Formen, mit CSS

Der Look, den die meisten vor Augen haben, ist Rot, Gelb und Blau mit Schwarz auf gebrochen weißem Grund, gebaut aus Kreisen, Quadraten und Dreiecken. Kandinskys Umfrage von 1923, die das gelbe Dreieck, das rote Quadrat und den blauen Kreis vorschlug, wurde zum Kürzel für die ganze Schule, obwohl Bauhaus-Arbeiten viel mehr Farben nutzten.

Harte Stopps, bei denen eine Farbe genau dort endet, wo die nächste beginnt, sind der Schlüssel. Sie machen aus einem Verlauf eine scharfe Form. Verlaufsformen behandelt mehr davon, und der Code unten kombiniert vier zu einer Kachel.

.bauhaus-tile {
  aspect-ratio: 1 / 1;
  background-color: #f1ece1;
  background-image:
    radial-gradient(circle at 100% 100%, #be1e2d 70%, transparent 70.5%),
    linear-gradient(135deg, #f2c12e 50%, transparent 50%),
    radial-gradient(circle, #21409a 45%, transparent 45.5%),
    linear-gradient(#111111, #111111);
  background-size: 50% 50%;
  background-position: 0 0, 100% 0, 0 100%, 100% 100%;
  background-repeat: no-repeat;
}

Bauhaus-Typografie

Bauhaus-Gestaltende wollten Schrift, die klar, rational und modern war. Herbert Bayer argumentierte, Großbuchstaben seien unnötig, und zeichnete Universal, ein geometrisches Alphabet ganz ohne Großbuchstaben; viele gedruckte Materialien der Schule verzichteten eine Zeitlang auf Großschreibung. Plakate setzten serifenlose Schrift in kräftigen Blöcken, oft gedreht, mit dicken Linien und Balken zur Gliederung der Seite.

• Geometrische Groteskschriften: rundes o, gerade Schäfte, gleichmäßige Striche. Futura, 1927 veröffentlicht, ist keine Bauhaus-Schrift, teilt aber den Geist; Jost auf Google Fonts ist eine kostenlose Schrift in derselben Richtung.
• Kleingeschriebene Überschriften: eine leise Verbeugung vor Bayers Universal.
• Gedrehter Text: Schrift, die an der Seite eines Plakats hochläuft, gibt das asymmetrische, dynamische Gefühl.
• Balken und Linien: dicke schwarze Linien, die gliedern und lenken, statt Kästen.

So nutzt du Bauhaus-Design heute

Wer Formen und Primärfarben exakt kopiert, erzeugt etwas, das wie ein Museumsshop aussieht. Der bleibende Wert des Bauhauses liegt in seinen Prinzipien, die mit jeder Palette funktionieren.

1. 1

   Von der Funktion ausgehen

   Entscheide, was das Design leisten muss, etwa ein Datum verkünden oder ein Produkt verkaufen, und lass das das Layout bestimmen.

2. 2

   Auf einem Raster aufbauen, es dann einmal brechen

   Ordne alles auf einem klaren Raster an und lass dann eine Form oder Linie es durchschneiden. Diese Spannung ist sehr Bauhaus. Der Schweizer Stil entwickelte das Raster weiter.

3. 3

   Farbe begrenzen

   Drei Farben plus Schwarz und ein Papiergrund. Tausche die Primärfarben gegen deine Markenfarben, und die Struktur liest sich weiter als Bauhaus.

4. 4

   Formen als Struktur nutzen

   Ein Kreis kann ein Foto rahmen, ein Balken eine Überschrift halten, ein Dreieck auf den Call-to-Action zeigen.

5. 5

   Schrift schlicht halten

   Eine geometrische Grotesk, zwei Schnitte, groß und linksbündig gesetzt.

Das zweite Beispiel zeigt die moderne Wendung. Das Bauhaus-Layout bleibt streng, aber der Hintergrund ist ein Gradiently Mark statt flachem Rot oder Blau: weiter eine begrenzte Palette, weiter strukturell, aber mit eigenem Licht und eigener Körnung, und einmal gesichert gehört er dir allein. Die strenge Schrift sitzt auf seiner ruhigsten Fläche, sodass das Raster scharf bleibt.

Wenn dir das Bauhaus gefällt, vergleiche es mit dem dekorativen Glamour von Art-déco-Design, der rohen Ehrlichkeit von brutalistischem Design und seiner verspielten Rebellion der 1980er im Memphis-Design.