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/776 angezeigt

385

Player Piano Roll — Notenrolle für Selbstspielklavier (CC BY-SA 4.0) · © Draconichiaro

Player Piano Roll

自動ピアノロール / 1896–1930s / Stil / Notationssysteme

Ein Aufzeichnungsmedium aus aufgerolltem Papier, auf dem die gestanzten Löcher die Aufführung selbst sind. Es markiert die Wende von der Partitur, die ein Mensch liest, zum Code, den eine Maschine liest, und ist der Vorfahr von Lochkarte und digitalem Sequencer.

Reihen von Perforationen / Die ablaufende Rolle / Maschinenlesbare Musik / Physisch aufgezeichnetes Spiel

design.mdBild-Prompt

386

Spectrogram — Spektrogramm eines Vogelgesangs — Wikimedia Commons / Public domain

Spectrogram

スペクトログラム / 1940s– / Technik / Diagramme und Schemata

Eine Visualisierung, die Klang auf eine Fläche aus Zeit, Frequenz und Intensität abbildet. Von der Vogelstimmenforschung bis zum Bildschirm der DAW wurde sie zur üblichen Art, die Gestalt eines Klangs zu sehen, und manche Künstler verstecken inzwischen Bilder darin.

Die Zeit-Frequenz-Ebene / Intensität als Schattierung / Muster des Stimmabdrucks / Das Spiel mit versteckten Bildern

design.mdBild-Prompt

387

Cymatics — Muster auf einer Chladni-Platte (CC BY-SA 4.0) · © Exhibit made by Estes Objethos Atelier, photo by Rodrigo Tetsuo Argenton

Cymatics

サイマティクス / 1787– / Technik / Diagramme und Schemata

Das Experiment, Klang als Muster in der Materie zu sehen, beginnt mit den Chladni-Figuren, die Sand auf einer schwingenden Platte zeichnet. Jede Frequenz bringt ihre eigene Geometrie hervor, weshalb dies das älteste Gerät ist, um die Entsprechung von Klang und Form zu bezeugen.

Chladnische Klangfiguren / Stehende Wellen in Sand und Pulver / Ein Muster für jede Frequenz / Die Unmittelbarkeit der Apparatur

design.mdBild-Prompt

388

Labanotation — ラバノーテーションによる譜 — Wikimedia Commons / CC BY-SA 4.0 · © Raphaël Cottin

Labanotation

ラバノーテーション / 1928– / Stil / Notationssysteme

Eine Notation, die Bewegung des Körpers in eine einzige senkrechte Spalte überträgt, die von unten nach oben gelesen wird. Die Form des Zeichens trägt die Richtung, seine Tönung die Höhe, seine Länge die Dauer, und seine Lage quer zur Spalte sagt, welcher Körperteil sich bewegt.

Zeichen ohne Lücken auf einer senkrechten Spalte gestapelt, von unten nach oben gelesen / Zeichenformen, die neun Richtungen angeben, wobei die Mittellinie rechts von links trennt / Die Tönung im Inneren jedes Zeichens für die Stufen tief, mittel und hoch / Die Länge des Zeichens gleich der Dauer, mit Zählmarken und Taktstrichen quer über der Spalte

design.mdBild-Prompt

389

Origami Diagram — Faltmuster eines Origami (CC BY 4.0) · © Nicoguaro

Origami Diagram

折り図 / 1950s– / Stil / Diagramme und Schemata

Die Sprache aus Strichlinien und Pfeilen, die Akira Yoshizawa systematisierte, um dreidimensionales Falten auf flache Seiten zu schreiben. Berg- und Talfalte werden über Sprachgrenzen hinweg gelesen, und das Faltmuster wurde zum Gegenstand der Mathematik.

Linienarten für Berg- und Talfalte / Pfeile, die jeden Schritt führen / Aufeinanderfolgende Schrittdiagramme / Die Geometrie der Faltmuster

design.mdBild-Prompt

390

Knitting Chart — Marie Niedner / Gussi von Reden, Strickzeichen aus Beyers Handarbeitsbücher 45: Kunst-Stricken I 1921 — Wikimedia Commons / Public domain

Knitting Chart

編み図 / 19th century– / Stil / Notationssysteme

Die Notenschrift der Handarbeit, in der Maschen zu Symbolen werden und sich im Raster ordnen. Japans JIS-Maschensymbole verdichten jeden Arbeitsschritt zu einer einzigen Figur, sodass man das Muster sieht, bevor man es liest, anders als bei den ausgeschriebenen Anleitungen des Westens.

Das Raster der Maschensymbole / Eine Masche, ein Symbol / Reihen- und Maschenkoordinaten / Entsprechung zum fertigen Gestrick

design.mdBild-Prompt

391

Braille — Sechs Reliefschriftsysteme vor der Brailleschrift — Wikimedia Commons / Public domain

Braille

点字 / 1824– / Stil / Zeichensysteme

Eine Tastschrift, die Louis Braille mit fünfzehn Jahren entwarf und die jedem Buchstaben eine Zelle aus zwei mal drei Punkten gibt. Diese Zelle auf eine einzige Fingerkuppe zu bemessen, ist ein seltener Fall, in dem Ergonomie und Typografie zur selben Antwort kommen.

Die Punktzelle aus 2 × 3 / Maße, der Fingerkuppe angepasst / Taktiles Lesen von links nach rechts / Die Materialität der Prägung

design.mdBild-Prompt

392

Signal Flags — Übersicht der internationalen Signalflaggen — Wikimedia Commons / Public domain

Signal Flags

国際信号旗 / 1857– / Stil / Zeichensysteme

Das Flaggensystem, um auf See Buchstaben und feste Wendungen zu buchstabieren. Eine kontraststarke Geometrie, allein für die Lesbarkeit auf Distanz gewählt, wurde zur meisterhaften Sammlung einer aus der Funktion geborenen Abstraktion.

Kontraststarke Geometrie / Für die Distanz entworfen / Eine Flagge, ein Buchstabe / Flaggenleinen bis zum Masttopp

design.mdBild-Prompt

393

Weather Map — Bodenwetterkarte 1947 — Wikimedia Commons / Public domain

Weather Map

天気図 / 1851– / Stil / Diagramme und Schemata

Die Atmosphäre, mit Isobaren, Frontsymbolen und Wetterzeichen auf ein einziges Blatt gezeichnet. Unsichtbare Druckfelder über die Dichte der Kurven sichtbar zu machen, wurde von der Zeitung bis zum Fernsehen zur wissenschaftlichen Grafik der Öffentlichkeit.

Die Dichte der Isobaren / Symbole für Kalt- und Warmfront / Das System der Wettersymbole / Beschriftete Hoch- und Tiefdruckgebiete

design.mdBild-Prompt

394

Circuit Diagram — Schaltplan eines Rundfunkempfängers 1920 — Wikimedia Commons / Public domain

Circuit Diagram

回路図 / 1890s– / Stil / Diagramme und Schemata

Eine Sprache der Technik, die Schaltungen mit genormten Symbolen und rechtwinkligen Linien zeichnet. Weil sie die physische Anordnung verwirft und allein die Verbindung festhält, kam sie zu einer topologischen Darstellung, lange bevor es der Liniennetzplan tat.

Genormte Bauteilsymbole / Rechtwinklige Leitungsführung / Verbindungspunkte / Abstraktion von der physischen Anordnung

design.mdBild-Prompt

395

Flowchart — Prozessdiagramm-Symbole von Gilbreth 1921 — Wikimedia Commons / Public domain

Flowchart

フローチャート / 1921– / Layout / Diagramme und Schemata

Die Gilbreths erfanden dieses Prozessdiagramm für die Arbeitsanalyse. Seine Formengrammatik gibt jeder Entscheidung eine Raute und jedem Vorgang ein Rechteck und wurde über die Programmierung zur gemeinsamen Sprache des Denkens in Schritten.

Eine Grammatik der Formen / Die Entscheidungsraute / Pfeile des Ablaufs / Start- und Endterminatoren

design.mdBild-Prompt

396

Care Symbols — Pflegeetikett — Wikimedia Commons / Public domain

Care Symbols

洗濯表示 / 1958– / Stil / Zeichensysteme

Vier Figuren, Bottich, Dreieck, Quadrat und Kreis, tragen die Pflegehinweise für Kleidung über jede Grenze. Waschen, Bleichen, Trocknen und Bügeln verdichten sich auf ein Etikett von wenigen Millimetern, Informationsdesign auf kleinstmöglicher Fläche.

Bottich, Dreieck, Quadrat und Kreis / Das Verbotskreuz und die Temperaturpunkte / Verdichtung auf Millimeter / Internationale Normung

design.mdBild-Prompt

397

Alchemical Symbols — Tafel chemischer und philosophischer Zeichen 17. Jahrhundert — Wikimedia Commons / Public domain

Alchemical Symbols

錬金術記号 / medieval–18th century / Stil / Zeichensysteme

Die Zeichen, die Stoffe und Operationen zwischen Geheimhaltung und Weitergabe festhielten. Das System, das die Planeten an die Metalle band, verschwand in der chemischen Formelsprache, überlebt aber als Grafik des Geheimnisvollen, bis heute zitiert.

Entsprechungen von Planet und Metall / Geometrie, aus Kreuzen gefügt / Geheimhaltung wie in einer Chiffre / Überlieferte Tafeln

design.mdBild-Prompt

398

Proofreading Marks — Fahne mit Korrekturzeichen — Wikimedia Commons / Public domain

Proofreading Marks

校正記号 / 16th century– / Technik / Zeichensysteme

Eine Zeichensprache, die die gesetzte Seite im Dialog mit ihren Rändern berichtigt. Das Hin und Her von Tilgen und Stehenlassen und das westliche Deleatur wurden mit der Geschichte des Drucks zu einem Redaktionsprotokoll verfeinert, das hinter jedem gesetzten Werk steht, auch hinter diesem Wörterbuch.

Linien, die Text und Rand verbinden / Der Wechsel von Tilgung und Wiederherstellung / Zeichen für Einfügung und Umstellung / Die Hierarchie des Rots

design.mdBild-Prompt

399

Aqua — Aqua-Dialogfenster unter Mac OS X 2007 — Wikimedia Commons / Public domain

Aqua

アクア / 2000–2014 / Stil / Apple UI

Die Designsprache, die Mac OS X mit Knöpfen vorstellte, die man ablecken möchte. Gelglanz, Nadelstreifen, tiefe Schatten und der Genie-Effekt setzten digitale Bauteile als anfassbare Objekte in Szene und bestimmten die Bedingungen für das Interface der gesamten 2000er Jahre. Was das damalige Web mit Bildern daraus machte, heißt Web 2.0 Gloss.

Gelglänzende Buttons / Nadelgestreifte Gründe / Tiefe Schlagschatten / Metaphern von Wasser und Licht

design.mdBild-Prompt

400

Luna — Startmenü und Taskleiste von Windows XP 2006 — Wikimedia Commons / CC BY-SA 2.5 · © Mickfuzz at English Wikibooks

Luna

ルナ / 2001–2006 / Stil / Microsoft UI

Das Aussehen von Windows XP: blaue Taskleiste, grüner Start-Button, gerundete Fenster und ein Wiesen-Hintergrundbild, die die graue Büromaschine als häuslichen Optimismus neu streichen.

Die blaue Taskleiste / Der grüne Start-Button / Gerundete Rahmen / Der Optimismus von Wiese und Himmel

design.mdBild-Prompt

401

Aero — PuTTY mit Aero-Compositing unter Windows Vista 2009 — Wikimedia Commons / CC BY-SA 3.0 · © Lanman132

Aero

エアロ / 2006–2012 / Stil / Microsoft UI

Die transluzente Glasoberfläche von Vista und 7: mattierte Fensterrahmen, Live-Miniaturansichten und GPU-komponierte Tiefe machten den Blick „durch Glas“ zum Standardvokabular des Betriebssystems.

Mattierte Rahmen / Reflexe und Glanzlichter / Live-Miniaturansichten / GPU-komponierte Tiefe

design.mdBild-Prompt

402

Metro — Radio-Bildschirm des Microsoft Zune HD — Wikimedia Commons / CC BY-SA 2.0 · © Manimecker

Metro

メトロ / 2010–2015 / Stil / Microsoft UI

Die flache Formensprache von Windows Phone gab der Schrift statt den Icons die Hauptrolle. Große Typografie, einfarbige Live Tiles und über den Bildschirmrand laufende Kompositionen verpflanzten die Klarheit von Verkehrsleitsystemen ins Interface und eröffneten die Flat-Ära noch vor iOS 7.

Schrift als Hauptdarsteller / Einfarbige Kacheln / Über den Bildschirmrand hinauslaufende Kompositionen / Beseitigtes Interface-Chrome

design.mdBild-Prompt

403

Brushed Metal — Bildschirm von Transmission 1.50, 2009 — Wikimedia Commons / CC BY-SA 3.0 · © Alv

Brushed Metal

ブラシドメタル / 1999–2007 / Stil / Apple UI

Die Fenster aus gebürstetem Metall in iTunes und Safari: ein skeuomorpher Zweig, der den Zweck einer Anwendung über das Material ausspricht und das Vertrauen in Profigerät auf den Desktop holt.

Gebürstete Metalloberflächen / Nietenartige Details / Gerätemetaphern / Abgestufte Grautöne

design.mdBild-Prompt

404

Vorticism — BLAST, erste Ausgabe 1914 — Wikimedia Commons / Public domain

Vorticism

ヴォーティシズム / 1914–1918 / Stil / Avantgarde

Die britische Avantgarde, gezündet in der Zeitschrift BLAST: diagonale, wie maschinell geschnittene Linien, stumpf-fette Schrift und Listen von Verwünschungen und Segnungen machten die Typografie zur Kriegserklärung.

Diagonale, maschinell geschnittene Linien / Stumpfe fette Schrift / Die BLAST/BLESS-Listen / Die Dynamik des Wirbels

design.mdBild-Prompt

405

CoBrA — Karel Appel, Glaswandbild (Krankenhaus Slotervaart, Amsterdam) — Wikimedia Commons / CC BY-SA 4.0 · © Ceescamel

CoBrA

コブラ / 1948–1951 / Stil / Avantgarde

Eine Nachkriegsavantgarde, die Kopenhagen, Brüssel und Amsterdam verband. Sie berief sich auf die Unmittelbarkeit von Kinderzeichnung und Volkskunst, malte grob gepinselte Wesen in Primärfarben und machte aus dem Misstrauen gegen Verfeinerung einen internationalen Stil.

Die Unmittelbarkeit der Kinderzeichnung / Grob gepinselte Fabelwesen / Aufeinanderprallende Primärfarben / Die Verweigerung der Planung

design.mdBild-Prompt

406

Emigre — Zuzana Licko, Filosofia 1996 — Wikimedia Commons / CC BY-SA 4.0 · © Kateallalong

Emigre

エミグレ / 1984–2005 / Stil / Schriftklassifikation

Zeitschrift und Schriftverlag, die mit dem Erscheinen des Macintosh die Grobheit des Digitalen zur Ästhetik erhoben: Bitmap-Schriften, kollidierende Ebenen und eine Verteidigung des Schwierigen im Zentrum der Designdebatten der 1990er Jahre.

Bitmap-Schriften / Kollidierende Ebenen / Ein Experiment pro Ausgabe / Angriffe auf die Lesbarkeit

design.mdBild-Prompt

407

Modern American Book Jacket — Lustig, Umschlag für Der Ekel (CC BY 2.0) · © Karen Horton, diseño de la cubierta de Alvin Lustig, The New Classics Series publicado por New Directions, c. 1952

Modern American Book Jacket

アメリカ近代ブックジャケット / 1940s–1950s / Stil / Publikation und Redaktion

Der Schutzumschlag-Stil, den Lustig bei New Directions entwickelte: Andeutung durch Zeichen und Abstraktion statt Illustration, die literarische Umschläge in kleine moderne Kunstwerke verwandelte und die amerikanische Buchgestaltung der Nachkriegszeit hob.

Abstrakte Andeutung des Inhalts / Kompositionen aus Zeichen und Form / Handlettering im Verbund mit Satzschrift / Kohärenz der Reihengestaltung

design.mdBild-Prompt

408

Onchi Kōshirō Book Design — Kobayashi Takiji, Kani kōsen (Das Fabrikschiff), Umschlag der Senkisha-Ausgabe, 1929 — Wikimedia Commons / CC0

Onchi Kōshirō Book Design

恩地孝四郎の装幀 / 1910s–1950s / Stil / Publikation und Redaktion

Eine Buchgestaltung, die den Umschlag als eigenständigen Druck behandelt und nicht als Rahmen für ein Bild. An die Stelle gegenständlicher Illustration treten gedruckte abstrakte Formen und Farbflächen, und die Buchstaben des Titels stehen als Teil dieser Fläche.

Umschläge nur aus abstrakten Formen und Farbflächen, ohne gegenständliche Illustration / Die Titelbuchstaben von Hand gezeichnet statt aus Typen gesetzt, auf derselben Fläche wie das Bild / Wenige Farben, die Form aus übereinanderliegenden Flächen statt aus Konturlinien / Die nackte Farbe des Papiers stehen gelassen, das Bild direkt darauf gesetzt

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