Bauhaus Design im Webdesign

Über 100 Jahre alt – und trotzdem steckt das Bauhaus in fast jeder guten Website: klare Raster, funktionale Typografie, Reduktion auf das Wesentliche. Wer nach Bauhaus im Webdesign sucht, will meist zwei Dinge wissen: Welche Prinzipien sind gemeint? Und was fange ich damit konkret an?

Genau darum geht es hier. Und um eine Verbindung, die selten gezogen wird: Calm Design – die Idee, dass gute Technik deine Aufmerksamkeit schont, statt sie zu kapern – fordert heute ziemlich genau das, was das Bauhaus vor 100 Jahren vorgemacht hat.

Was das Bauhaus war – kurz und ohne Legenden

1919 gründete Walter Gropius in Weimar das Staatliche Bauhaus, eine Schule, die Kunst, Handwerk und Technik zusammenbringen wollte. 1925 zog sie nach Dessau, 1932 nach Berlin, 1933 wurde sie unter dem Druck der Nationalsozialisten aufgelöst. Vierzehn Jahre. Mehr Zeit hatte diese Schule nicht – und prägt Gestaltung trotzdem bis heute.

Der Kern war nie ein Look, sondern eine Haltung: Gestaltung soll verständlich sein, nutzbar, ehrlich. Nicht schmücken, sondern lösen.

Eine Legende räumen wir gleich ab: „Form folgt Funktion“ stammt nicht vom Bauhaus. Der Satz geht auf den amerikanischen Architekten Louis Sullivan zurück („form ever follows function“, 1896). Aber kaum jemand hat das Prinzip so konsequent gelebt wie das Bauhaus – deshalb klebt es bis heute daran. Warum gutes Design immer einen Zweck hat, habe ich im Artikel Form follows function ausführlicher aufgeschrieben.

Drei Bauhaus-Prinzipien, die im Web wirklich tragen

Das Raster: Ordnung, die man nicht sieht

Das Bauhaus arbeitete mit Rastern – nicht aus Strenge, sondern aus Klarheit. Im Web ist daraus Standard geworden: CSS-Grids, Spaltenlogik, modulare Komponenten. Gestaltung entsteht innerhalb eines Systems, nicht auf jeder Seite neu.

Ein gutes Raster fällt nicht auf. Aber du merkst sofort, wenn es fehlt: Inhalte springen, nichts fluchtet, das Auge findet keinen Halt. Wie solche Ordnungsprinzipien grundsätzlich funktionieren, zeigen die Gestaltungsgesetze im Grafikdesign.

Typografie als Information, nicht als Schmuck

Bauhaus-Typografie war erklärend, nicht dekorativ. Übertragen aufs Web heißt das: eine klare Schriftwahl, wenige Schnitte, saubere Hierarchien, stabile Zeilenlängen, genug Luft. Wie stark Schrift Design und Marke prägt, unterschätzen viele – dabei führt sie durch Inhalte, statt sich selbst wichtig zu nehmen.

Und sie ist ein Performance-Thema: Jede zusätzliche Schriftdatei kostet Ladezeit. Zwei Schnitte reichen für die meisten Websites.

Reduktion, die man messen kann

Hier wird Bauhaus plötzlich technisch. Ein reduziertes Layout braucht weniger CSS, weniger JavaScript, weniger Bilder – und lädt schneller. Das ist kein Nebeneffekt, sondern die Konsequenz daraus, dass Funktion vor Dekoration steht. Eine schnelle Ladezeit ist Reduktion in Zahlen.

Form folgt Funktion heißt im Web eben auch: Form folgt Performance.

Bauhaus und Calm Design: Weglassen als Respekt

Mitte der Neunziger, lange vor Smartphone und Newsletter-Popup, beschrieben Mark Weiser und John Seely Brown am Forschungszentrum Xerox PARC eine Idee, die sie „Calm Technology“ nannten – zuerst 1995 im Aufsatz „Designing Calm Technology“, 1996 überarbeitet als „The Coming Age of Calm Technology“. Ihr Punkt: Gute Technik informiert, ohne Aufmerksamkeit zu fordern. Sie bleibt am Rand der Wahrnehmung und tritt erst ins Zentrum, wenn sie gebraucht wird. Die Designerin Amber Case hat daraus später konkrete Gestaltungsprinzipien für Produkte und Interfaces abgeleitet.

Genau hier schließt sich der Kreis zum Bauhaus. Beide sagen: Weglassen ist keine Sparmaßnahme, sondern eine Haltung. Das Bauhaus hat reduziert, damit das Wesentliche wirken kann. Calm Design reduziert, damit dein Kopf Ruhe hat. Gleiche Konsequenz, neues Argument – zugeschnitten auf ein Web, in dem jede Seite um Aufmerksamkeit kämpft wie ein Marktschreier.

Konkret heißt das: kein Popup nach drei Sekunden, kein Autoplay-Video mit Ton, keine Animation, die nur zeigt, dass sie geht. Eine ruhige Website behandelt die Aufmerksamkeit ihrer Besucher als das, was sie ist – geliehen. Das Bauhaus hätte dafür vermutlich ein nüchterneres Wort gehabt: Anstand.

Was das konkret für deine Website heißt

Nicht den Stil kopieren – weiße Flächen, Rot-Gelb-Blau und geometrische Grotesk machen noch kein gutes Webdesign. Die Haltung übernehmen:

• Erst Inhalt, dann Layout. Das Design entsteht aus dem, was gesagt werden soll.
• Ein Raster festlegen – und sich daran halten, auch wenn es auf Seite fünf unbequem wird.
• Typografie begrenzen: eine Schriftfamilie, zwei Schnitte, klare Hierarchie.
• Jedes Element muss eine Frage beantworten: Wem hilft das? Keine Antwort – weg damit.
• Effekte und Popups an der Calm-Design-Messlatte prüfen: Informiert es – oder fordert es nur Aufmerksamkeit?

Und ein ehrlicher Zusatz: Reduktion heißt nicht, dass deine Website aussehen muss wie ein Museumskatalog. Akzentfarbe, Charakter, auch mal ein Effekt – alles erlaubt, solange es dem Inhalt dient. Weggelassen wird das Unnötige, nicht die Persönlichkeit. Nach genau dieser Haltung baue ich auch meine Webdesign-Projekte: erst verstehen, was die Seite leisten muss, dann gestalten.

Fazit: Prinzipien altern langsamer als Trends

Trends kommen und gehen – welchen du folgen solltest und welche du ignorieren kannst, ist ein eigenes Thema. Prinzipien bleiben. Das Bauhaus liefert keine Templates, sondern Denkwerkzeuge: Ordnung, Klarheit, Reduktion. Und Calm Design zeigt, warum diese Werkzeuge gerade jetzt wieder gebraucht werden – in einem Web, das lauter geworden ist, als es sein müsste.

Wer langfristig denkt, kommt an beidem kaum vorbei.