Design Lab · Art History · Ornament & Form
Art Nouveau
& Art Déco
Zwei Antworten auf dieselbe Frage: Was macht Dinge schön? Die eine atmet. Die andere strahlt.
"L'art nouveau — die Linie als Lebensform. L'art déco — die Form als Versprechen."
Design Lab · Ornament, Geometrie, Stildialektik01 · Epoche
Was ist Art Nouveau
1890–1910. Die Natur als Formgenerator. Die Linie, die atmet — nicht die Linie, die begrenzt.
Art Nouveau — Organisch
Schwingende Kurven, Naturformen, Asymmetrie — kein rechter Winkel.
Art Déco — Geometrisch
Raute, Linie, Fächer — alles konstruiert, alles exakt.
Art Nouveau entstand als Rebellion gegen den Historismus des 19. Jahrhunderts. Statt griechische Säulen und gotische Bögen zu kopieren, wandten sich Künstler und Architekten der Natur als einziger ehrlicher Formquelle zu. Schlingpflanzen, Libellen, Frauenhaar — das waren die Vorlagen.
Die Bewegung war international: in Frankreich hieß sie Art Nouveau, in Deutschland Jugendstil, in Österreich Sezessionsstil, in Spanien Modernisme. Dasselbe Programm, verschiedene Akzente — aber immer die organische Linie als Kern.
02 · Epoche
Was ist Art Déco
1920–1940. Geometrie als Luxus. Der Maschinenmensch — glatt, stark, zukunftsgewandt.
Art Déco war die Antwort auf den Ersten Weltkrieg und die industrielle Moderne. Wo Nouveau organisch und handgemacht war, ist Déco präzise, maschinell, selbstbewusst. Die Exposition Internationale des Arts Décoratifs et Industriels Modernes in Paris 1925 gab der Bewegung ihren Namen.
Déco verband Luxus mit Modernität: Es verwendete neue Materialien (Chrom, Bakelit, vernickeltes Metall), neue Symbole (das Zeitalter der Maschine, Reisefasern, exotische Kulturen), und eine geometrische Strenge, die noch heute als "elegant" gilt.
Déco Formenrepertoire — CSS clip-path Demo
Raute · Trapez · Stern · Oktogon · Fächer — die fünf Grundformen der Déco-Grammatik.
03 · Formensprache
Die Naturlinie (Jugendstil)
Organische Schwingungen, Schlingpflanzen, Frauenhaar — die Linie als Lebensform, nicht als Begrenzung.
Organische Kurven — CSS border-radius als Nouveau-Prinzip
Nur border-radius — keine SVG-Pfade. Nouveau als CSS-native Haltung.
Die charakteristischste Eigenschaft des Jugendstils ist die sogenannte coup de fouet — der Peitschenhieb. Eine Linie, die sich S-förmig ausschwingt, die Spannung einer gebogenen Pflanze hat, die nie dort endet wo man es erwartet.
Für digitales Design: border-radius ist der direkte Nachfahre der Naturlinie. Nicht der gleichmäßige Kreis (der ist Déco), sondern die ungleichmäßige organische Kurve, die eine Form belebt.
04 · Meister
Alphonse Mucha
Das schönste kommerzielle Design des 19. Jahrhunderts. Sarah Bernhardt auf dem Plakat — und ein ganzes Stilsystem in einem einzigen Bogen.
Mucha hat 1895 zufällig Designgeschichte geschrieben. Er übernahm einen Auftrag für ein Theaterplakat von Sarah Bernhardt an Silvester — weil alle anderen Grafiker im Urlaub waren. Das entstandene Plakat für "Gismonda" machte ihn über Nacht berühmt.
Sein System ist erkennbar: Eine Frauenfigur, umrahmt von pflanzlichen Ornamenten, in einer kreisförmigen oder bogigen Komposition, mit gedämpften Naturtönen und flächigem Farbauftrag. Die Figur ist gleichzeitig Person und Ornament. Die Grenze zwischen dekorativem Rahmen und Inhalt existiert bei Mucha nicht.
Mucha-Strukturprinzip — vereinfacht dargestellt
Rahmen + Bogen + Figur + Ranken: die vier unverzichtbaren Mucha-Elemente.
05 · Architektur
Hector Guimard
Die Pariser Métro-Eingänge als Gesamtkunstwerk. Gusseisen als Pflanzenstängel — öffentliche Infrastruktur als Kunstform.
Guimard hat für die Pariser Métro zwischen 1900 und 1913 über 140 Eingänge entworfen — aus grünem Gusseisen, in organischen Pflanzenformen. Die Buchstaben "Métropolitain" sind selbst Ornamente: fließend, pilzartig, wachsend.
Das Radikale: Guimard trennte nicht zwischen Kunst und Infrastruktur. Eine Treppe, die in die U-Bahn führt, ist kein zweckmäßiges Objekt das man gestalten muss — es ist ein Objekt das man erleben muss. Wer einsteigt, betritt bereits den gestalterischen Raum.
06 · Theorie
Das Ornament im Nouveau
Ornament als Aussage, nicht als Füller. Gegen Adolf Loos — und für das Recht der Linie, schön zu sein.
Adolf Loos schrieb 1908 seinen berühmten Essay "Ornament und Verbrechen" — eine Abrechnung mit dem Jugendstil. Ornament sei primitiv, sei Verschwendung, sei ein Zeichen mangelnder Zivilisation. Der moderne Mensch brauche keine Ornamente.
Der Jugendstil antwortete mit seiner Existenz: Ornament ist nur dann Verbrechen, wenn es ohne Bedeutung gesetzt wird. Ein Ornament das aus der Funktion wächst — ein Türgriff der sich wie eine Pflanze anfühlt — ist kein Füller. Es ist die Funktion, die ihre eigene Schönheit entdeckt hat.
Ornament mit Funktion — SVG Grenzlinien-Demo
07 · Komposition
Die Symmetrie bricht
Nouveau bevorzugt fließende Asymmetrie. Symmetrie ist das Gesetz — Asymmetrie ist das Leben.
Nouveau — Asymmetrie
Déco — Symmetrie
Art Nouveau bricht mit dem Klassizismus auch in der Komposition: Asymmetrie ist kein Fehler, sie ist das Wesen lebendiger Dinge. Ein Blatt ist nicht symmetrisch. Ein wachsendes Tier ist nicht symmetrisch. Die Natur bevorzugt dynamische Balance über statische Gleichheit.
Für digitales Design bedeutet das: ein Layout das genau von links nach rechts gespiegelt ist, wirkt starr. Eine leichte Verschiebung, eine Ungleichgewichtigkeit — die macht es lebendig.
08 · Formensprache
Art Déco und die Geometrie
Dreiecke, Kreise, Fächerformen — eine Formensprache, die nie veraltet, weil sie nie gelebt hat.
Déco Raster — konzentrische und radiale Strukturen
Konzentrische Kreise · Fächerform · Treppenstufenmotiv — drei unverzichtbare Déco-Elemente.
Déco liebt das Geometrische nicht weil es einfach ist — sondern weil es machbar ist. In einer Welt, in der Industrieproduktion dominiert, müssen Formen aus Werkzeugen entstehen. Das Dreieck ist exakt wiederholbar. Der Kreis ist exakt duplizierbar. Das war keine Einschränkung — das war das Programm.
09 · Meister
A.M. Cassandre
Plakatkunst als Déco-Manifest. Das Normandie-Plakat — ein Dampfer als geometrisches Symbol.
Adolphe Mouron Cassandre (1901–1968) war der überragende Plakatkünstler der Déco-Ära. Sein Normandie-Plakat von 1935 zeigt den Ozeandampfer von unten — ein geometrischer Klotz, komprimiert in flächige Farbbahnen, ohne Perspektivverzerrung. Trotzdem fühlt es sich massiv, mächtig, real an.
Cassandres Technik: Vereinfachung bis zur Ikone. Ein Zug wird zur geometrischen Komposition. Ein Schiff wird zur abstrakten Kraft. Er hat nicht Objekte gemalt — er hat die Idee von Objekten gemalt.
10 · Typografie
Erté und die Buchstaben
Menschenkörper als Alphabet. Wenn Typografie und Figur eins werden.
Romain de Tirtoff, bekannt als Erté (gesprochen: "R.T." — seine Initialen), schuf in den 1920ern sein berühmtes Alphabet: 26 Buchstaben, jeder aus einer weiblichen Figur geformt. Das A ist eine Frau, deren ausgestreckte Arme die Schrägstriche bilden. Das O ist eine sich umarmende Figur.
Das ist Déco in Reinform: die Verschmelzung von Funktion (Buchstabe) und Ornament (Figur) zu einer einzigen untrennbaren Form. Es ist kein illustrierter Buchstabe — es ist ein Buchstabe, der aus einer Figur besteht.
11 · Farbe
Farbe im Nouveau
Gedämpfte Naturtöne, kein Primär-Schreien — die Palette der herbstlichen Waldlichtung.
Nouveau-Palette — gedämpfte Naturtöne
Salbei
Sandstein
Meerblau
Altrosa
Pergament
Waldgrün
Art Nouveau vermeidet primäre Reinfarben. Kein sattes Rot, kein strahlendes Blau — stattdessen gebrochene Töne, die an getrocknete Pflanzen, Mineralien, Herbst erinnern. Salbeigrün, Sandrosa, gedämpftes Ocker, blasseres Türkis.
12 · Farbe
Farbe im Déco
Gold, Schwarz, kräftige Komplementäre — die Palette des Triumphes.
Déco-Palette — Kontrast als Aussage
Gold
Schwarz
Nachtblau
Karmesin
Elfenbein
Smaragd
Wo Nouveau flüstert, spricht Déco mit klarer Stimme. Schwarz und Gold als Grundkontrast, dazu kräftige Akzente in Karmesin oder Smaragdgrün. Die Palette ist die Palette des Triumphs — luxuriös, aber nie weich.
13 · Typografie
Schrift im Nouveau
Fließend, pflanzlich, illustrativ — Buchstaben die wachsen wollen.
Jugendstil-Schriften sind von Hand gezeichnet und mit ornamentalen Elementen verbunden. Buchstaben wachsen in Ranken aus, ihre Serifen werden zu Blattadern, ihre Bögen zu Stängeln. Die Grenze zwischen Buchstabe und Illustration existiert nicht.
Im digitalen Kontext: Nouveau-Schriften wirken am stärksten als Headline-Element, isoliert auf viel Weißraum. Als Fließtext sind sie schwierig. Als dekoratives Einzelwort — perfekt.
Nouveau-Schrift-Charakter — CSS font-feature-settings Demo
Georgia Italic — die Serifen als organischer Verweis, das Italic als Bewegung.
14 · Typografie
Schrift im Déco
Geometrisch, fett, seriengebunden — Buchstaben als konstruierte Objekte.
Déco-Schriftcharakter — CSS Demo
Wide tracking + Uppercase + Geometric Weight = Déco. Ohne eine einzige spezielle Schriftart.
Déco-Schriften sind aus geometrischen Grundformen konstruiert: Kreis, Quadrat, gleichmäßiger Strich. Broadway, Bernhard Fashion, Futura — diese Schriften sehen aus als wären sie mit Zirkel und Lineal gezeichnet worden. Das waren sie.
Im Interface: weites Tracking (letter-spacing) in Großbuchstaben erzeugt sofort einen Déco-Eindruck, ohne eine spezielle Schrift zu brauchen. Das ist der günstigste Déco-Trick.
15 · Anwendung
Was wir heute davon nehmen können
Linie, Ornament als bewusste Aussage — nicht als historisches Zitat.
Die häufigste Fehlanwendung: Nouveau und Déco als Kostüm. Eine App bekommt goldene Ecken und einen Fächer als Logo — das ist Karneval, kein Design. Was sich übertragen lässt, sind die Prinzipien, nicht die Symbole.
Aus Nouveau: Die Bereitschaft, einer Linie mehr zu geben als die reine Funktion verlangt. Einen Divider der schwingt statt einer geraden Linie. Ein Card-border-radius der organisch ist statt gleichmäßig kreisförmig. Aus Déco: Konsequente geometrische Sprache. Symmetrie als Aussage. Weites Tracking für Würde.
16 · Architektur
Das Chrysler Building
Déco in Architektur. Detailreichtum der Krönung — Adler aus Edelstahl, Stufenbögen aus Metall, Krone als Aussage.
Das Chrysler Building in New York (1930, William Van Alen) ist der vollkommenste Déco-Bau in der Architektur. Was es zur Legende macht ist nicht die Höhe — es war nur 11 Monate das höchste Gebäude der Welt — sondern die Krönung.
Die sieben Stufenbögen aus Nirosta-Stahl, die Adler-Wasserspeier in Form von Chrysler-Kühlerfiguren, die Gargoyle-Ornamente in jeder Himmelsrichtung — all das hat keinerlei Funktion. Es ist reine Aussage: Wir sind hier. Wir sind modern. Wir sind Déco.
17 · System
Wiener Werkstätte und Nouveau
Handgemacht, designt, ein Gesamtsystem — das Gesamtkunstwerk als Philosophie.
Die Wiener Werkstätte (1903 von Josef Hoffmann und Koloman Moser gegründet) war ein radikales Experiment: Alles soll gestaltet sein. Der Tisch, die Tischdecke, das Besteck, das Kleid das die Person trägt, die am Tisch sitzt — eine einzige gestalterische Handschrift über alle Objekte und Räume.
Das ist Gesamtkunstwerk (Gesamtkunstwerk). Wagner hatte es für Musik und Theater gefordert. Hoffmann forderte es für den Alltag.
18 · Licht
Louis Comfort Tiffany
Nouveau im Licht. Blei als Zeichenlinie, Glas als Farbe — das Ornament das leuchtet.
Louis Comfort Tiffany (1848–1933) hat dem Jugendstil ein einzigartiges Medium gegeben: farbiges Glas, zusammengehalten von Bleilinien. Die Bleifassung ist nicht die Begrenzung des Ornaments — sie ist das Ornament. Die dunkle Linie, die organische Kurven zeichnet, während das Licht dahinter leuchtet.
Im digitalen Raum gibt es ein Äquivalent: SVG stroke auf leuchtendem Hintergrund. Die Linie als Ornament, das Licht dahinter als Energie. Das ist kein Zufall.
Tiffany-Prinzip — SVG stroke auf dunklem Grund
Gold stroke auf dunklem Grund — das Tiffany-Prinzip in SVG.
19 · Digital
Nouveau und das Digitale
Organische Formen in einem rechtwinkligen Medium — der Widerspruch als kreative Spannung.
Das digitale Interface ist von Natur aus rechtwinklig: Pixel sitzen in einem Raster, Layouts folgen dem Grid, Boxen haben vier Seiten. Nouveau ist das genaue Gegenteil. Diese Spannung ist interessant — und nutzbar.
Ein einziges organisches Element in einem ansonsten geometrischen Interface erzeugt sofort visuelle Energie. Eine SVG-Illustration in einer Card-Ecke. Ein border-radius der nicht gleichmäßig ist. Ein Divider der atmet. Das sind keine Stilübungen — das sind Entscheidungen über die Temperatur eines Interfaces.
20 · System
Ein Déco-System für Interfaces
Geometrische Ornamentik als UI-Sprache — konsistent, präzise, unverwechselbar.
Déco Interface-Komponenten — CSS Demo
Ein konsequentes Déco-Interface-System braucht: clip-path für abgeschrägte Ecken statt border-radius, letter-spacing + uppercase für alle Labels, Raute oder Fächer als Trennelemente, und Schwarz + Gold als Primärpalette. Das sind vier Entscheidungen — kein vollständiges Design-System, aber eine Sprache.