1
.jpg)
Swiss
スイス・スタイル / 1950s– / Stil / Funktionalismus
Stellt die Ordnung in den Vordergrund und macht die Information selbst zum Protagonisten.
Strenges Raster / Serifenlose Schrift / Asymmetrie / Sachliche Fotografie
IndexStyle
Ein Wörterbuch der Gestaltungsstile, geschrieben aus den Werken selbst.
Es ist blankes HTML. Es öffnet sich in jedem Browser und auf jedem Gerät, ohne App und ohne Konto, und Maschinen lesen dieselbe Seite.
| Einträge | 579 |
|---|
Wörterbuch
Suche nach einem Stil oder beschreibe dein Vorhaben. Namensübereinstimmungen kommen zuerst; Zweck, Wirkung und Medium ergänzen Alternativen.
BeispieleBauhauseine hochwertige Karriereseiteeine vertrauenswürdige Finanz-App
2
Bauhaus
バウハウス / 1919–1933 / Stil / Funktionalismus
Lässt Funktion und Spiel über Kreis, Dreieck und Quadrat zusammenfinden.
Elementare Formen / Primärfarben / Funktionale Schönheit / Sichtbare Konstruktion
3
%20-%20Liubova%20Popova%20(1889-1924)%20(45056449312).jpg)
Constructivism
構成主義 / 1910s–1930s / Stil / Avantgarde
Verwandelt die Botschaft mit Diagonalen und hartem Kontrast in Bewegung.
Rot, Schwarz und Weiß / Diagonale Achse / Fotomontage / Befehlende Schrift
4
Art Deco
アール・デコ / 1920s–1930s / Stil / Historische Stile
Inszeniert großstädtischen Luxus mit repetitiver Geometrie und metallischem Glanz.
Symmetrie / Strahlenlinien / Stufenmotive / Gold und Schwarz
5
Art Nouveau
アール・ヌーヴォー / 1890s–1910s / Stil / Historische Stile
Verbindet Schrift, Figur und Ornament zu einer einzigen fließenden, pflanzenhaften Linie.
Botanische Schwünge / Ornamentale Rahmen / Frauengestalten / Gedämpfte Naturtöne
6
Modernism
モダニズム / 1920s–1970s / Stil / Funktionalismus
Ersetzt das Ornament durch begründete Form und zielt auf Allgemeingültigkeit.
Vereinfachung / Klare Hierarchie / Funktion zuerst / Universelle Formen
7
%201%E2%80%935%20(1987)%2C%20Tate%20Modern%2C%20London%2C%20UK.jpg)
Minimalism
ミニマリズム / 1960s– / Stil / Funktionalismus
Nimmt Elemente weg, um Bedeutung und Spannung des Verbleibenden zu maximieren.
Weite Leerräume / Wenige Elemente / Stille Farbigkeit / Präzise Abstände
8
Web Brutalism
ウェブ・ブルータリズム / 2014– / Stil / Interface-Stile
Zeigt die Seite so, wie der Browser sie standardmäßig darstellt, und verweigert die fertige Anmutung der Vorlagen.
Standardüberschriften und Links / Blaue unterstrichene Links / Extreme Schriftgrößensprünge / Linien und Weißraum ohne Zierrat
9
%20Chair%20by%20Charles%20and%20Ray%20Eames%2C%20Honolulu%20Museum%20of%20Art%204410.1.JPG)
Mid-Century Modern
ミッドセンチュリー・モダン / 1940s–1960s / Stil / Retro
Ergänzt rationale Geometrie um handgeführte Kurven und Wärme.
Organische Formen / Ruhige Warmtöne / Knappe Illustration / Diagonale Bewegung
10
70’s Retro
70年代レトロ / 1970s / Stil / Retro
Baut heitere Nostalgie aus dicken runden Formen und erdigen Warmtönen.
Fette Rundungen / Wellenformen / Orange und Braun / Wiederholte Streifen
11
The Face
ザ・フェイス / 1980s / Stil / Publikation und Redaktion
Zeichnet Schlagzeilenschrift und Rubrikzeichen von Heft zu Heft neu und setzt sie in eine Seite aus fetten Linien und schwarzen Balken, mit derselben Kraft wie die Fotografien.
Extrafette Schlagzeilenbuchstaben aus geometrischer Konstruktion / Fette Linien und schwarze Balken, die die Seite teilen / Rubrikzeichen, die in jedem Heft ihre Form wechseln / Große Schrift über das Foto gelegt
12
.jpg)
Punk
パンク / 1970s–1980s / Stil / Gegenkultur
Widerspricht der Autorität des Aufgeräumten mit einem Selbermachen, das schneidet, klebt und verschmutzt.
Ausgeschnittene Buchstaben / Kopiererrauschen / Handschrift / Ruppige Platzierung
13
Post-Modernism
ポスト・モダニズム / 1970s–1990s / Stil / Avantgarde
Bezweifelt die eine richtige Antwort und mischt Zitat, Ironie und Ornament zum Spiel.
Stilmischung / Ironie / Zurückgewonnenes Ornament / Unerwartete Farbigkeit
14
Deconstructivism
脱構築主義 / 1980s– / Stil / Avantgarde
Zerlegt die erreichte Ordnung und macht Spannung und Instabilität zur neuen Struktur.
Fragmentierung / Schräglage / Kollidierende Ebenen / Instabile Konturen
15
.jpg)
Psychedelic
サイケデリック / 1960s–1970s / Stil / Gegenkultur
Lässt Kontur und Farbe verschmelzen, bis die Wirklichkeit selbst ins Schwanken gerät.
Wirbelnde Kurven / Komplementärfarben / Zerfließende Schrift / Kaleidoskopmuster
16
.jpg)
Synthwave
シンセウェーブ / 1980s imagined future / Stil / Digitales Retro
Spielt die Zukunft, die sich die 1980er vorstellten, in Neon und Horizontlinien noch einmal ab.
Neon / Perspektivraster / Sonnenuntergang / Schwarzer Himmel
17
New Wave
ニュー・ウェーブ / 1970s–1980s / Stil / Gegenkultur
Bewahrt die Freiheit des Punk und ordnet Farbe und Raster mit urbanem Schliff neu.
Unregelmäßiges Raster / Punkte / Hohe Farbsättigung / Rotierte Schrift
18
.jpg)
.jpg)
19
.jpg)
20
Grunge
グランジ / 1990s / Stil / Gegenkultur
Setzt Schmutz, Risse und Abnutzung als Widerstand gegen den sauber verwalteten Bildschirm ein.
Abrieb / Risse / Ungeordnete Schrift / Schlechte Kopien
21
Web 1.0
ウェブ1.0 / 1990s / Stil / Digitales Retro
Nutzt die Naivität des beschränkten frühen Web als Direktheit und Charme.
Blaue Links / Niedrig aufgelöste GIFs / Systemschriften / Schlichte Buttons
22
.jpg)
Y2K
ワイツーケー / late 1990s–2000s / Stil / Digitales Retro
Formuliert den Optimismus des neuen Jahrtausends in transluzentem Kunststoff und gerundeten Zukünften. Sein Glanz stammt aus Harz und Metall zum Anfassen und nicht aus einem Bildschirm, was ihn vom Interfaceglanz derselben Jahre trennt.
Transluzenter Kunststoff / Silber / Blasenformen / Cyber-Helligkeit
23
Web 2.0 Gloss
ウェブ2.0グロス / 2000s / Stil / Digitales Retro
Erklärt digitale Interaktion durch Glanz, Rundung und Reflexion als etwas Berührbares. So heißt, was das Web hervorbrachte, als es die Anmutung von Aqua aus dem Betriebssystem mit Bildern und CSS nachzubauen versuchte.
Glänzende Buttons / Kräftige Verläufe / Spiegelungen / Abgerundete Ecken
24
Skeuomorphism
スキューモーフィズム / 2000s–2010s / Stil / Interface-Stile
Entleiht echten Materialien und Werkzeugen ihre Zeichen, um unbekannte Interaktionen verständlich zu machen. Der Begriff benennt ein Prinzip, weshalb Aqua ebenso wie gebürstetes Metall die Gestalt ist, die dieses Prinzip in einem bestimmten Produkt angenommen hat.
Leder, Metall, Papier / Plastische Schatten / Metaphern der realen Welt / Feine Texturen
25
Neumorphism
ニューモーフィズム / late 2010s– / Stil / Interface-Stile
Macht Hintergrund und Bedienelemente zu einem Material und zeigt das Relief allein durch weiche Schatten.
Gleichfarbige Flächen / Schatten in zwei Richtungen / Gerundete Elemente / Geringer Kontrast
26
Glassmorphism
グラスモーフィズム / 2020s / Stil / Interface-Stile
Zeigt Tiefe und Hierarchie über transluzente Ebenen und lässt die Information leicht schweben.
Hintergrundunschärfe / Transluzenz / Feine weiße Ränder / Durchscheinende Farbe
27
Vaporwave
ヴェイパーウェイヴ / 2010s / Stil / Digitales Retro
Verwandelt Erinnerungen an Konsumgesellschaft und frühe Digitalität in traumhaftes Unbehagen.
Rosa und Violett / Antike Statuen / Frühe Computergrafik / Tropen und japanische Schrift
28
Cyberpunk
サイバーパンク / 1980s– / Stil / Zukunftsvisionen
Hochtechnologie und verfallenes Leben teilen sich denselben Rahmen, sodass die Zukunft zugleich als Verheißung und als Bedrohung erscheint.
Regennächte / Mehrsprachiges Neon / Dichte Verkabelung / Dunkle Städte
29
Maximalism
マキシマリズム / recurring / Stil / Ornament
Schichtet Menge, Farbe und Muster ohne Scheu und macht den Überfluss selbst zum Reichtum.
Geschichtete Muster / Starke Farben / Ornamentale Schrift / Sammlerhafte Dichte
30
Gothic
ゴシック / 12th–16th century / Stil / Historische Stile
Beschwört durch Vertikalität und dunkles Ornament Geheimnis, Ehrfurcht und Dauer.
Gebrochene Schrift / Spitzformen / Schwarz / Feinstes Ornament
31
Neubrutalism
ニューブルータリズム / 2010s– / Stil / Interface-Stile
Lehnt sich mit dicken Rahmen und unverblümter Farbe warmherzig gegen das überpolierte Web auf.
Dicke schwarze Rahmen / Harte Schatten / Leuchtende Farben / Flache Komponenten
32
Flat Design / Vector Minimalism
フラットデザイン / ベクターミニマリズム / 2010s– / Stil / Interface-Stile
Reduziert Information auf schlichte Flächen und Farbe, die sich über Bildschirme und Medien hinweg übertragen lassen.
Einheitliche Flächen / Einfache Formen / Kaum Schatten / Klare Farbigkeit
33
Gen X Soft Club
ジェネレーションX ソフトクラブ / late 1990s / Stil / Digitales Retro
Malt vage Zukunftshoffnung in das Türkisleuchten, das durch das Dunkel des Clubs sickert.
Türkis / Unscharfes Licht / Transluzenz / Abstraktes 3D
34
Future Funk
フューチャーファンク / 2010s / Stil / Digitales Retro
Schneidet japanischen Pop der 1980er im Zeitraffer zu gleißender Euphorie neu zusammen.
Anime der 80er / City Pop / Grelle Nachtansichten / Rasante Collage
35
%20vol%202%2C%20plate%20XXI%20-%20Royal%20Coll.jpg)
%20(24133205098).jpg)
.jpg)
Steampunk
スチームパンク / Victorian retrofuture / Stil / Zukunftsvisionen
Verlängert Materialien und Maschinen des Dampfzeitalters zu einer greifbaren Alternativgeschichte.
Messing / Zahnräder / Leder / Manometer
36
Acid
アシッド / 1990s–2020s / Stil / Gegenkultur
Presst Neonfarbe und Verzerrung unter Hochdruck zusammen und rüttelt das Auge mit Aggression wach.
Neonfarben / Verzerrung / Starke Kontraste / Rohes 3D
37
%20sample%20animation.gif)
Glitch
グリッチ / digital / Stil / Interface-Stile
Weigert sich, Fehler und Datenverfall zu verbergen, und legt die Fragilität des digitalen Mediums selbst offen.
Kanalversatz / Blockrauschen / Scanlines / Dropouts
38
.jpg)
39
Naïve
ナイーブ / timeless / Stil / Illustrationsstile
Tritt aus den Normen des Könnens heraus und macht schlichte Beobachtung und Unausgewogenheit zum Reiz.
Ungleichmäßige Linien / Flache Perspektive / Einfache Farbigkeit / Handgeschriebene Buchstaben
40
.jpg)
Blueprint
ブループリント / industrial / Stil / Technische Darstellung
Statt der fertigen Sache zeigt er die Linien des Denkens und teilt so Struktur und Möglichkeit mit.
Weiße Linien auf Blau / Bemaßung / Schnitte / Handschriftliche Notizen
41
Risograph
リソグラフ / 1980s– / contemporary revival / Technik / Durchdruck
Behält die Einzelfarbplatten und ihren glücklichen Passerversatz und gibt jedem Abzug eigene Körperwärme.
Passerversatz / Schmuckfarben / Rasterpunkte / Durchscheinendes Papier
42
Bento Grid
ベントーグリッド / 2020s / Layout / Informationsdesign
Teilt unterschiedliche Arten von Information in eigenständige Kästen und gibt so das Gesamtbild auf einen Blick.
Große und kleine Karten / Ausgerichtete Stege / Übersicht auf einem Screen / Module
43
Isometric Illustration
アイソメトリック・イラストレーション / technical drawing–digital / Technik / Diagramme und Schemata
Bewahrt Tiefe im Blick von oben und erklärt die Beziehungen vieler Teile in einem einzigen Bild.
30-Grad-Achsen / Einheitlicher Maßstab / Explosionsdarstellungen / Kleine Welten
44
Solarpunk
ソーラーパンク / 2000s– / Bildwelt / Zukunftsvisionen
Weigert sich, Natur und Technik gegeneinanderzustellen, und malt eine helle Zukunft, die von Hand gepflegt wird.
Grün und Sonnenlicht / Lokales Handwerk / Erneuerbare Technik / Gemeinschaft
45
.jpg)
Afrofuturism
アフロフューチャリズム / 20th century– / Bildwelt / Zukunftsvisionen
Verbindet Geschichte, Kultur und Zukunft der afrikanischen Diaspora und erobert gestohlene Zeit und neue Möglichkeit zurück.
Kosmische Zukünfte / Kulturelle Muster / Metall und Erde / Neu gedeuteter Mythos
46
Dark Academia
ダーク・アカデミア / 2010s– / historical references / Bildwelt / Subkultur-Stile
Leiht sich die Schatten alter Gelehrtenstuben und erzeugt daraus die Besessenheit vom Wissen und eine verschwiegene Vertrautheit.
Alte Bücher / Tiefes Braun und Schwarz / Klassische Serifen / Kerzenlicht
47
Claymorphism
クレイモーフィズム / 2020s / Stil / Interface-Stile
Macht digitale Komponenten weich und bespielbar durch rundes, tonartiges Volumen.
Aufgeblähte Formen / Innenliegende Lichter / Weiche Schatten / Pastelltöne
48
Gradient Mesh
グラデーション・メッシュ / digital–contemporary / Technik / Maltechniken
Verschmilzt mehrere Farbzentren nahtlos und gibt der flachen Fläche die Tiefe von Licht und Atmosphäre.
Mehrpunkt-Verläufe / Auslaufendes Licht / Große Farbflächen / Weiche Tiefe
Redaktionelle Grundsätze
IndexStyle sammelt nicht jeden Begriff aus dem Designumfeld. Ein eigener Eintrag muss eine erkennbare, reproduzierbare und von Nachbarn unterscheidbare Bildsprache beschreiben. Aufnahmekriterien
- Referenzbilder sind stets reale Werke: Fotografien und Reproduktionen aus Museen, Bibliotheken und Archiven oder offizielle Dokumente. Wir erstellen und bearbeiten sie nie selbst.
- Wo keine rechtlich nutzbare Aufnahme existiert, zeigt der Eintrag stattdessen eine KI-generierte Interpretation. Sie ist immer als solche gekennzeichnet, gelangt nie in die Referenzgalerie, das Teilen-Bild oder die maschinenlesbaren Daten und wird ersetzt, sobald ein reales Werk gefunden ist. Derzeit betrifft das 21 von 579 Einträgen.
- Jeder Eintrag nennt die Quelle, aus der er aufgenommen wurde, und verlinkt sie; jede Quell-URL wird beim Aufnehmen und bei späteren Durchsichten geprüft.
- Stile, Techniken und Internet-Ästhetiken werden klassifiziert, nie vermengt.
- Verwandte Einträge bleiben in beide Richtungen nachvollziehbar.
- Zu den Bildrechten siehe Zitate und Referenzbilder.