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äge776

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

24/48 angezeigt

Gedeutet alsTrustWeb / UIFinanzen

484

Motif — Standardbildschirm des Motif Window Manager (mwm), 2014 — Wikimedia Commons / CC0

Motif

モチーフ / 1989– / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Motif ist die Oberflächensprache der UNIX-Workstations, gepflegt von The Open Group, als IEEE 1295 genormt und auf mehr als zweihundert Rechnertypen ausgeliefert. Die eigene Dokumentation nennt das Aussehen eine dreidimensionale, abgeschrägte Erscheinung, das heißt jedes Bauteil sitzt auf einer grauen Fläche, deren Kanten eine helle und eine dunkle Farbe tragen, sodass alles erhaben wirkt.

Eine graue Fläche, an der oberen und linken Kante hell, an der unteren und rechten dunkel, sodass jedes Bauteil erhaben wirkt / Solange gedrückt wird, tauschen die beiden Kantenfarben die Plätze und das Bauteil wirkt versenkt / Ein dünner rechteckiger Ring umschließt das Bauteil, das gerade die Tastatureingabe empfängt / Bildlaufleisten sind rechtwinklige Rechtecke mit einer dreieckigen Pfeiltaste an jedem Ende

design.mdBild-Prompt

582

GNOME Clearlooks — Clearlooks 2.20, Nautilus and gedit interface — screenshot: KiddoKiddo (historical software example) — Wikimedia Commons / CC0

GNOME Clearlooks

GNOME Clearlooks / 2005–2011 / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenCalm

Das Standardthema von GNOME 2.12 machte GTK-Anwendungen durch hellgraue Fenster, blaue Auswahl, zurückhaltenden Glanz und feste Grenzen freundlich und einfach.

Hellgraue Flächen mit blauen Auswahlbalken / Ruhiges Glanzlicht nur an Tastenoberkanten / Tabs und Felder mit geringer Rundung / Kleine GNOME-Symbole und knappe zweistufige Hierarchie

design.mdBild-Prompt

532

Xerox Star Interface — Desktop und Symbole des Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC BY 2.0 · © J R

Xerox Star Interface

ゼロックス・スター・インターフェース / 1981–1990s / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Die Bildschirmsprache, die der Xerox 8010 von 1981 festlegte. Ordner, Ein- und Ausgangskörbe, Aktenschubladen und anderes Büromaterial erscheinen als beschriftete Sinnbilder, und der Prospekt jener Jahre nannte das eine elektronische Schreibtischplatte. Die Dinge auf dem Bildschirm lassen sich mit der Maus frei bewegen, kopieren und wegwerfen.

Jedes Sinnbild trägt eine Beschriftung, damit die Bedeutung nie allein am Bild hängt / Die Sinnbilder zeigen Dinge vom Schreibtisch, Ordner, Ein- und Ausgangskörbe, Aktenschubladen / Objekte werden mit der Maus gegriffen, und Verschieben, Kopieren und Löschen bilden eine Familie von Handgriffen / Die Tabellenkalkulation erscheint als Raster aus Zeilen und Spalten, und die Befehle dafür stehen gesammelt im Menü

design.mdBild-Prompt

560

Mozilla Protocol — KI-generierte Interpretation
KI-Interpretation, keine Referenz

Mozilla Protocol

Mozilla Protocol / 2017– / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Mozillas flexibles Websystem stellt Inhalt und weltweite Zugänglichkeit vor Dekoration und behält zugleich eine lebendige Open-Web-Persönlichkeit.

Fette schwarze Überschriften und breiter Weißraum / Große Flächen lebhafter Farbe / Flexible Billboards und Karten / Kurzer Text und eindeutige Handlungsaufrufe

design.mdBild-Prompt

599

Palm OS Interface — KI-generierte Interpretation
KI-Interpretation, keine Referenz

Palm OS Interface

Palm OSインターフェース / 1996–2009 / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Palm OS verwandelte einen kleinen, monochromen Bildschirm, Stift und strenge Speicherbegrenzungen in ein konsistentes Taschenwerkzeug durch Menüs für Titel und Kategorien, Befehlsleiste, Hardware-Tasten und eine Schreibfläche für Graffiti.

Ein Bildschirm mit etwa 160 x 160 Pixeln und monochromer Darstellung / Titel links oben und Kategorie-Popup rechts oben / Eine Befehlsleiste, die sich von der unteren Kante aus erstreckt und vier Anwendungsbuttons / Dünne, einbitige Symbole, Regeln und eine Schreibfläche für Graffiti

design.mdBild-Prompt

6

Modernism — Mies van der Rohe, Barcelona-Sessel und der Barcelona-Pavillon — Wikimedia Commons / CC BY-SA 4.0 · © Cl3phact0

Modernism

モダニズム / 1920s–1970s / Stil / Funktionalismus

Warum passendTrustWeb / UIFinanzenCalm

Ersetzt das Ornament durch begründete Form und zielt auf Allgemeingültigkeit.

Vereinfachung / Klare Hierarchie / Funktion zuerst / Universelle Formen

design.mdBild-Prompt

490

Metal (Java Look and Feel) — DavidL, Metal Look and Feel von Swing, 2020 — Wikimedia Commons / CC BY-SA 4.0

Metal (Java Look and Feel)

メタル(Java ルック&フィール) / 1998– / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Das Standardaussehen, das Sun für Swing gebaut hat, damit ein Programm auf jedem Betriebssystem gleich aussieht. Metal war bei Sun der interne Projektname und blieb als öffentlicher Name hängen. Kennzeichnend sind blauviolette Flächen, dünne gerade Rahmen und die vollständige Weigerung, die Plattform darunter nachzuahmen.

Titelleisten interner Fenster liegen als dunkles blauviolettes Band auf einer blassen blauvioletten Fläche / Eine feine Textur aus Punkten und schrägen Strichen, in Titelleisten und Trennlinien eingeprägt / Rechteckige Schaltflächen ohne Eckenrundung, umzogen von einer ein Pixel starken dunklen blauvioletten Linie / Den äußeren Fensterrahmen zeichnet das Wirtssystem, während alles darin einer anderen Bildsprache folgt

design.mdBild-Prompt

485

OPEN LOOK — Fenster und Fenstermenü im OPEN-LOOK-Stil (olvwm), 2016 — Wikimedia Commons / CC BY-SA 4.0 · © Amacbride

OPEN LOOK

オープンルック / 1988–1990s / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Die Bildschirmsprache für UNIX-Workstations, die Sun Microsystems als Spezifikation veröffentlicht hat. Sie legt zugleich eine Fassung für Schwarzweißanzeigen und eine dreidimensionale Fassung fest, setzt alle gemeinsamen Elemente in einer einzigen Groteske und bestimmt, dass Farbe zurückhaltend zu verwenden ist. An der linken Schulter eines Aufklappfensters sitzt eine Reißzwecke, und wer sie einsteckt, behält das Fenster auf der Arbeitsfläche.

Eine Reißzwecke am linken Ende der Kopfzeile eines Aufklappfensters, die das Fenster an die Arbeitsfläche heftet, statt es zu schließen / Drei Punkte hinter einer Beschriftung kündigen ein Fenster an, ein nur umrissenes Dreieck kündigt ein Menü an / Die Bildlaufleiste zerfällt in einen Aufzug, ein Kabel und je einen Kabelanker oben und unten, wobei der dunkle Teil des Kabels den sichtbaren Anteil angibt / Die Arbeitsfläche entsteht aus einem Raster von 50 Prozent, der Schatten der Menüs aus einem Raster von 75 Prozent

design.mdBild-Prompt

491

One UI — Armen777444, Gerätewartungsbildschirm von One UI 7, 2025 — Wikimedia Commons / CC BY 4.0

One UI

ワンUI / 2018– / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenCalm

Die Gestaltungssprache, die Samsung für die Galaxy Geräte festgelegt hat. Sie teilt den Bildschirm auf der Höhe, die der Daumen am leichtesten erreicht, und nennt den oberen Teil Sichtbereich und den unteren Bedienbereich, sodass Titel oben sitzen, während sich Schaltflächen, Reiter und Dialoge unten sammeln. Inhalte werden in Behälter mit stark gerundeten Ecken gefasst, der Grund ist entweder Weiß oder reines Schwarz, und ein einziges Blau trägt alle Akzente.

Der obere Teil des Bildschirms enthält nichts als einen Titel und freien Raum, kein einziges bedienbares Element / Text und Bilder werden in kartenförmige Behälter mit stark gerundeten Ecken gefasst / Die Titelleiste kennt nur zwei Zustände, ausgeklappt und eingeklappt, und hält nie auf einer Höhe dazwischen / Im dunklen Thema geht der Grund auf reines Schwarz und darauf liegt allein der blaue Akzent

design.mdBild-Prompt

600

OS/2 Workplace Shell — KI-generierte Interpretation
KI-Interpretation, keine Referenz

OS/2 Workplace Shell

OS/2 Workplace Shell / 1992–2001 / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

OS/2 behandelte Ordner, Drucker, Laufwerke und Einstellungen als bedienbare Objekte, anstatt als lose Symbole. Dimensionale Ränder, schattierte Symbole, Notebook-Einstellungen und Drag-and-Drop ermöglichten es, den gesamten Desktop als ein objektorientiertes Arbeitsumfeld zu gestalten.

Graue Oberflächen mit doppelten hellen und dunklen dimensionalen Kanten / Objekt-Symbole in niedriger Farbgebung, gezeichnet aus einer schrägen Perspektive / Notebook-Einstellungen mit gestapelten Rand-Tabs / Direktes Ziehen zwischen Ordnern, Shredder und Laufwerken

design.mdBild-Prompt

561

Elastic UI — KI-generierte Interpretation
KI-Interpretation, keine Referenz

Elastic UI

Elastic UI / 2017– / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Elastics Oberflächensystem ist für Suche, Filterung und Diagnose großer Datensätze gemacht, ohne betriebliche Dichte zu verlieren.

Fester Kopf und linke Navigation / Permanente Abfrage-, Filter- und Zeitsteuerung / Tabellen und Zeitreihendiagramme in gemeinsamen Panels / Helle Serienfarben nur für Daten

design.mdBild-Prompt

570

Ubuntu Yaru — KI-generierte Interpretation
KI-Interpretation, keine Referenz

Ubuntu Yaru

Ubuntu Yaru / 2018– / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Ubuntus gemeinschaftlich entwickeltes Standardthema überlagert Adwaita-basiertes GTK und GNOME Shell mit Ubuntu-Orange, dunklen Kopfleisten und Suru-abgeleiteten Symbolen und verteilt Fenster, Shell, Symbole, Cursor und Klang als eine Suite.

Heller Fensterkörper gegen dunkle Kopfleiste / Ubuntu-Orange für Auswahl und Fokus / Suru-abgeleitete Symbole aus Kreisen, Quadraten und länglichen Formen / Ein-Pixel-Kante, zurückhaltender Verlauf und unterer Schatten

design.mdBild-Prompt

545

Atlassian Design System — KI-generierte Interpretation
KI-Interpretation, keine Referenz

Atlassian Design System

Atlassian Design System / 2012– / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Ein System, das die Komplexität von Jira und Confluence in gemeinsame Tokens, Inhaltsregeln, Abstände, Raster und Komponenten übersetzt. Konsistenz schafft Vertrauen und hält große Mengen an Vorgängen, Dokumenten und Zuständen navigierbar.

Weiße und hellgraue Ebenen mit blauen Hauptaktionen / Abgerundete Karten und rautenförmige Statuskennzeichnungen / Klare Trennung zwischen Seitenleiste, Tabelle und Detailbereich / Farbe, Abstand, Radius und Höhe werden durch Tokens gesteuert

design.mdBild-Prompt

555

Salesforce Lightning Design System — Salesforce Lightning Design System — official previewer documentation image, unmodified — Copyright (c) 2015-present, Salesforce.com, Inc. / CC BY-ND 4.0

Salesforce Lightning Design System

Salesforce Lightning / 2015– / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Salesforces Oberflächensprache für datensatzbezogene Geschäftsarbeit ordnet Objekte, Aktionen und Status zu wiederholbaren Arbeitsplatzmustern.

Objektköpfe mit kompakten Metadaten / Tabs, Karten und Aktivitätszeitachsen / Cloud-Blau mit semantischen Statusfarben / Dichte Formulare und Datensatztabellen

design.mdBild-Prompt

559

BBC Global Experience Language — KI-generierte Interpretation
KI-Interpretation, keine Referenz

BBC Global Experience Language

BBC GEL / 2010– / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Die globale Erlebnissprache der BBC vereint Nachrichten, Video, Audio und Kinderangebote durch lesbare Hierarchie, zugängliche Mediensteuerung und wiederverwendbare redaktionelle Komponenten.

Schwarzer Kopf über weißem Inhalt / Kurze fette Schlagzeilen / Nachrichtenkarten mit einheitlichen Bildformaten / Sehr sichtbarer Fokus, Untertitel und Wiedergabesteuerung

design.mdBild-Prompt

558

NHS Design System — NHS.UK frontend — official error-summary component snapshot — Copyright (c) 2019 NHS England / MIT

NHS Design System

NHSデザインシステム / 2016– / Stil / Öffentliches Design

Warum passendTrustWeb / UIFinanzenCalm

Das NHS-System macht dringende Gesundheitsinformationen und -dienste durch einfache Sprache, deutliche Fokuszustände und geprüfte klinische Muster ruhig, direkt und konsistent.

NHS-Blau und großzügiger Weißraum / Große Überschriften und kurze Absätze / Hervorhebungen für Warnungen und Pflegehinweise / Sichtbarer Fokus und einfache Formulare

design.mdBild-Prompt

580

CDE Interface — KI-generierte Interpretation
KI-Interpretation, keine Referenz

CDE Interface

CDEインターフェース / 1993–2000s / Stil / Bildschirmsprachen

Warum passendTrustWeb / UIFinanzenTechnique

Das Common Desktop Environment vereinheitlichte UNIX-Arbeitsstationen mit Motif-artigen Fasen, dauerhaftem Front Panel, Arbeitsflächenwechsel und farbarmen Symbolen, sodass verschiedene Hardware wie ein Arbeitsplatz wirkte.

Kastenförmiges Front Panel am unteren Rand / Erhabene Tasten und vertiefte Felder aus hell-dunklen Doppelkanten / Farbarmige Pixelsymbole mit dunklem Rand / Dauerhafte Tasten zum Wechseln der Arbeitsfläche

design.mdBild-Prompt

8

Web Brutalism — KI-generierte Interpretation
KI-Interpretation, keine Referenz

Web Brutalism

ウェブ・ブルータリズム / 2014– / Stil / Interface-Stile

Warum passendTrustWeb / UIFinanzenTextübereinstimmung

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

design.mdBild-Prompt

58

WPA Poster — Harry Herzog / Federal Art Project, See America, 1936–40 — Library of Congress / No known restrictions on publication

WPA Poster

WPAポスター / 1935–1943 / Stil / Öffentliches Design

Warum passendTrustWeb / UIFinanzenTextübereinstimmung

Trägt ein öffentliches Anliegen mit einfachen Bildern und wenigen Druckfarben breit und eindringlich weiter.

Vereinfachte Landschaften / Kräftige Grotesk / Siebdruckfarben / Ein klarer Handlungsaufruf

design.mdBild-Prompt

31

Neubrutalism — KI-generierte Interpretation
KI-Interpretation, keine Referenz

Neubrutalism

ニューブルータリズム / 2010s– / Stil / Interface-Stile

Warum passendTrustWeb / UIFinanzenTextübereinstimmung

Lehnt sich mit dicken Rahmen und unverblümter Farbe warmherzig gegen das überpolierte Web auf.

Dicke schwarze Rahmen / Harte Schatten / Leuchtende Farben / Flache Komponenten

design.mdBild-Prompt

32

Flat Design / Vector Minimalism — Google, UI-Komponenten des Material Design, 2015 — Wikimedia Commons / Public domain

Flat Design / Vector Minimalism

フラットデザイン / ベクターミニマリズム / 2010s– / Stil / Interface-Stile

Warum passendTrustWeb / UIFinanzen

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

design.mdBild-Prompt

24

Skeuomorphism — Flachatmer, Oberfläche im Stil eines Gitarrenverstärkers, Guitarix 0.35.0, 2016 — Wikimedia Commons / CC BY-SA 4.0

Skeuomorphism

スキューモーフィズム / 2000s–2010s / Stil / Interface-Stile

Warum passendTrustWeb / UIFinanzenTextübereinstimmung

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

design.mdBild-Prompt

2

Bauhaus — Oskar Schlemmer, Bauhaus exhibition poster, 1923 — alternative high-resolution poster — Wikimedia Commons / Public domain

Bauhaus

バウハウス / 1919–1933 / Stil / Funktionalismus

Warum passendTrustWeb / UIFinanzenTextübereinstimmung

Lässt Funktion und Spiel über Kreis, Dreieck und Quadrat zusammenfinden.

Elementare Formen / Primärfarben / Funktionale Schönheit / Sichtbare Konstruktion

design.mdBild-Prompt

347

Group f/64 — Adams, The Tetons and the Snake River 1942 — Wikimedia Commons / Public domain

Group f/64

グループf/64 / 1932–1935 / Stil / Fotografische Bewegungen

Warum passendTrustWeb / UIFinanzenTechnique

Ein Manifest der Straight Photography von Weston, Adams und ihrem Kreis, die die randscharfe Zeichnung der auf Blende 64 abgeblendeten Optik zur Fahne machten. Gegen den Dunst des Piktorialismus erklärten sie die Präzision des Großformats und den vollen Tonwertreichtum selbst zur Schönheit der Fotografie.

Durchgehende Tiefenschärfe / Präzision des Großformats / Eine reiche Grauskala / Direktheit ohne Manipulation

design.mdBild-Prompt

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

Nach oben