IndexStyle

Un dictionnaire des styles du design, écrit à partir des œuvres elles-mêmes.

C'est du HTML nu. Il s'ouvre dans n'importe quel navigateur et sur n'importe quel appareil, sans application ni compte, et les machines lisent la même page.

Termes776

Dictionnaire

Cherchez un style ou décrivez ce que vous voulez créer. Les noms passent en premier ; l’usage, l’effet et le support ajoutent des alternatives.

EssayerBauhausun site de recrutement premiumune app financière fiable

24/776 affichées

385

Player Piano Roll — Rouleau de piano mécanique (CC BY-SA 4.0) · © Draconichiaro

Player Piano Roll

自動ピアノロール / 1896–1930s / Style / Systèmes de notation

Un support d’enregistrement en papier enroulé où les trous perforés sont l’exécution même. Il marque le passage de la partition lue par des hommes au code lu par des machines, et il est l’ancêtre de la carte perforée et du séquenceur numérique.

Rangées de perforations / Le rouleau qui défile / Une musique lisible par la machine / L’exécution enregistrée physiquement

design.mdprompt d’image

386

Spectrogram — Spectrogramme d'un chant d'oiseau — Wikimedia Commons / Public domain

Spectrogram

スペクトログラム / 1940s– / Technique / Diagrammes et schémas

Une visualisation qui projette le son sur un plan de temps, de fréquence et d’intensité. De l’étude du chant des oiseaux à l’écran du séquenceur, elle est devenue la manière standard de voir la forme d’un son, et des artistes se sont mis à y cacher des images.

Le plan temps-fréquence / L’intensité en valeurs / Motifs d’empreinte vocale / Le jeu des images cachées

design.mdprompt d’image

387

Cymatics — Motif sur une plaque de Chladni (CC BY-SA 4.0) · © Exhibit made by Estes Objethos Atelier, photo by Rodrigo Tetsuo Argenton

Cymatics

サイマティクス / 1787– / Technique / Diagrammes et schémas

L’expérience de voir le son comme un motif dans la matière, à commencer par les figures de Chladni que le sable dessine sur une plaque vibrante. Chaque fréquence y fait surgir sa propre géométrie, ce qui en fait le plus ancien dispositif permettant de constater la correspondance du son et de la forme.

Figures de Chladni / Ondes stationnaires dans le sable et la poudre / Un motif pour chaque fréquence / L’évidence directe du dispositif

design.mdprompt d’image

388

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

Labanotation

ラバノーテーション / 1928– / Style / Systèmes de notation

Une notation qui transpose le mouvement du corps en une seule colonne verticale, lue de bas en haut. La forme du signe porte la direction, son grisé porte le niveau, sa longueur porte la durée, et sa place en travers de la colonne dit quelle partie du corps bouge.

Des signes empilés sans intervalle sur une colonne verticale lue de bas en haut / Des formes de signe donnant neuf directions, l'axe central séparant la droite de la gauche / Le grisé intérieur de chaque signe marquant le niveau bas, moyen ou haut / La longueur du signe égale à la durée, avec les repères de pulsation et les barres de mesure qui traversent la colonne

design.mdprompt d’image

389

Origami Diagram — Patron de plis d'origami (CC BY 4.0) · © Nicoguaro

Origami Diagram

折り図 / 1950s– / Style / Diagrammes et schémas

Le langage de pointillés et de flèches systématisé par Akira Yoshizawa pour écrire le pliage en volume sur des pages planes. Plis montagne et plis vallée se lisent dans toutes les langues, et le crease pattern est devenu objet mathématique.

Styles de trait pour montagne et vallée / Des flèches guidant chaque étape / Diagrammes d’étapes successives / La géométrie des crease patterns

design.mdprompt d’image

390

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

Knitting Chart

編み図 / 19th century– / Style / Systèmes de notation

La partition des travaux d’aiguille, où les mailles deviennent des symboles rangés sur une grille. Au Japon, les symboles de mailles JIS compriment chaque opération en une seule figure, si bien que le patron se voit avant de se lire, à l’inverse des instructions rédigées auxquelles s’en remet l’Occident.

La grille de symboles de mailles / Une maille, un symbole / Coordonnées de rangs et de mailles / Correspondance avec l’étoffe finie

design.mdprompt d’image

391

Braille — Six systèmes de lettres en relief antérieurs au braille — Wikimedia Commons / Public domain

Braille

点字 / 1824– / Style / Systèmes de signes

Un système d’écriture tactile que Louis Braille conçut à quinze ans, en donnant à chaque lettre une cellule de deux points sur trois. Avoir dimensionné cette cellule à la pulpe d’un seul doigt est un cas rare où l’ergonomie et la typographie parviennent à la même réponse.

La cellule de points 2x3 / Des dimensions ajustées au bout du doigt / Lecture tactile de gauche à droite / La matérialité du gaufrage

design.mdprompt d’image

392

Signal Flags — Tableau des pavillons du Code international des signaux — Wikimedia Commons / Public domain

Signal Flags

国際信号旗 / 1857– / Style / Systèmes de signes

Le système de pavillons pour épeler lettres et phrases convenues en mer. Une géométrie à fort contraste choisie pour la seule lisibilité au loin est devenue un recueil magistral d’abstraction née de la fonction.

Géométrie à fort contraste / Conçus pour la distance / Un pavillon, une lettre / Envergures hissées en tête de mât

design.mdprompt d’image

393

Weather Map — Carte météorologique de surface 1947 — Wikimedia Commons / Public domain

Weather Map

天気図 / 1851– / Style / Diagrammes et schémas

L’atmosphère dessinée sur une seule feuille par isobares, symboles de fronts et signes du temps. Rendre visibles les champs de pression invisibles par la densité des courbes est devenu le graphisme scientifique du grand public, du journal à la télévision.

La densité des isobares / Symboles de fronts froids et chauds / Le système des symboles météo / Anticyclones et dépressions étiquetés

design.mdprompt d’image

394

Circuit Diagram — Schéma électrique d'un récepteur radio 1920 — Wikimedia Commons / Public domain

Circuit Diagram

回路図 / 1890s– / Style / Diagrammes et schémas

Une langue de l’ingénierie qui dessine les circuits avec des symboles normalisés et des lignes orthogonales. En écartant l’implantation physique pour ne consigner que la connexion, elle est arrivée à un dessin topologique bien avant le plan de métro.

Symboles de composants normalisés / Câblage orthogonal / Points de jonction / L’abstraction du placement physique

design.mdprompt d’image

395

Flowchart — Symboles du diagramme de processus de Gilbreth 1921 — Wikimedia Commons / Public domain

Flowchart

フローチャート / 1921– / Mise en page / Diagrammes et schémas

Les Gilbreth ont inventé ce schéma de processus pour l’analyse du travail. Sa grammaire des formes donne un losange à chaque décision et un rectangle à chaque opération, et elle est devenue, par le détour de la programmation, la langue commune de la pensée par étapes.

Une grammaire de formes / Le losange de décision / Des flèches de flux / Terminaux de début et de fin

design.mdprompt d’image

396

Care Symbols — Étiquette d'entretien — Wikimedia Commons / Public domain

Care Symbols

洗濯表示 / 1958– / Style / Systèmes de signes

Quatre figures, la cuve, le triangle, le carré et le cercle, font passer l’entretien du linge par-dessus toutes les frontières. Lavage, blanchiment, séchage et repassage se compriment sur une étiquette de quelques millimètres, design d’information travaillé sur la plus petite surface possible.

Cuve, triangle, carré et cercle / La croix d’interdiction et les points de température / La compression au millimètre / La normalisation internationale

design.mdprompt d’image

397

Alchemical Symbols — Table des symboles chimiques et philosophiques XVIIe siècle — Wikimedia Commons / Public domain

Alchemical Symbols

錬金術記号 / medieval–18th century / Style / Systèmes de signes

Les signes qui consignèrent substances et opérations entre secret et partage. Le système liant planètes et métaux s’est dissous dans la notation chimique, mais survit comme graphisme du mystère, cité jusqu’à nos jours.

Correspondances planètes-métaux / Géométrie composée de croix / Un secret de chiffre / Des tables transmises

design.mdprompt d’image

398

Proofreading Marks — Épreuve annotée avec les signes de correction — Wikimedia Commons / Public domain

Proofreading Marks

校正記号 / 16th century– / Technique / Systèmes de signes

Un langage de signes qui corrige la page composée en dialoguant avec ses marges. Le va-et-vient de la suppression et du rétablissement, ainsi que le dele occidental, se sont affinés avec l’histoire de l’imprimerie en un protocole d’édition qui se tient derrière toute page composée, y compris celles de ce dictionnaire.

Des traits reliant texte et marge / Échanges de suppression et de rétablissement / Signes d’insertion et de transposition / La hiérarchie du rouge

design.mdprompt d’image

399

Aqua — Boîte de dialogue Aqua sous Mac OS X 2007 — Wikimedia Commons / Public domain

Aqua

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

Le langage de design que Mac OS X a présenté avec ses boutons qu’on a envie de lécher. Le brillant de gelée, les fines rayures, les ombres profondes et l’effet génie mettaient en scène les éléments numériques comme des objets à toucher et ont fixé les termes de l’interface pour toute la décennie 2000. Ce que le web de l’époque en a fait avec des images porte le nom de Web 2.0 Gloss.

Boutons au brillant de gel / Fonds à fines rayures / Ombres portées profondes / Métaphores d’eau et de lumière

design.mdprompt d’image

400

Luna — Menu Démarrer et barre des tâches de Windows XP 2006 — Wikimedia Commons / CC BY-SA 2.5 · © Mickfuzz at English Wikibooks

Luna

ルナ / 2001–2006 / Style / Microsoft UI

Le visage de Windows XP : barre des tâches bleue, bouton Démarrer vert, fenêtres arrondies et fond d’écran de prairie repeignant la grise machine de bureau en optimisme domestique.

La barre des tâches bleue / Le bouton Démarrer vert / Cadres arrondis / Optimisme de prairie et de ciel

design.mdprompt d’image

401

Aero — PuTTY affiché avec la composition Aero de Windows Vista 2009 — Wikimedia Commons / CC BY-SA 3.0 · © Lanman132

Aero

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

L’UI de verre translucide de Vista et de 7 : cadres de fenêtres givrés, miniatures en direct et profondeur composée par le GPU faisant du « à travers le verre » le vocabulaire standard de l’OS.

Cadres givrés / Reflets et rehauts / Miniatures en direct / Profondeur composée par le GPU

design.mdprompt d’image

402

Metro — Écran radio du Microsoft Zune HD — Wikimedia Commons / CC BY-SA 2.0 · © Manimecker

Metro

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

Le langage plat de Windows Phone confiait le premier rôle au caractère plutôt qu’à l’icône. Grande typographie, tuiles dynamiques en aplats et compositions qui filent hors de l’écran ont transplanté dans l’interface la clarté de la signalétique des transports, ouvrant l’ère du flat avant iOS 7.

La typographie en héros / Tuiles en aplats de couleur / Compositions filant hors champ / Le chrome éliminé

design.mdprompt d’image

403

Brushed Metal — Écran de Transmission 1.50, 2009 — Wikimedia Commons / CC BY-SA 3.0 · © Alv

Brushed Metal

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

Les fenêtres en métal brossé d’iTunes et de Safari : une branche skeuomorphe qui dit la vocation d’une application par la matière, apportant au bureau la fiabilité du matériel professionnel.

Surfaces de métal brossé / Détails façon rivets / Métaphores d’équipement / Gammes tonales de gris

design.mdprompt d’image

404

Vorticism — BLAST, premier numéro 1914 — Wikimedia Commons / Public domain

Vorticism

ヴォーティシズム / 1914–1918 / Style / Avant-garde

L’avant-garde britannique détonée dans la revue BLAST : diagonales tranchées à la machine, caractères lourds et émoussés, listes de blasts et de blessings faisant de la typographie une déclaration de guerre.

Diagonales coupées à la machine / Caractères lourds et émoussés / Les listes BLAST/BLESS / La dynamique du vortex

design.mdprompt d’image

405

CoBrA — Karel Appel, mural en verre (hôpital Slotervaart, Amsterdam) — Wikimedia Commons / CC BY-SA 4.0 · © Ceescamel

CoBrA

コブラ / 1948–1951 / Style / Avant-garde

Une avant-garde d’après-guerre qui reliait Copenhague, Bruxelles et Amsterdam. Brandissant la franchise du dessin d’enfant et de l’art populaire, elle peignit à gros traits des créatures en couleurs primaires et fit de la défiance envers le raffinement un style international.

La franchise du dessin d’enfant / Créatures brossées à gros traits / Primaires en collision / Le refus du plan préconçu

design.mdprompt d’image

406

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

Emigre

エミグレ / 1984–2005 / Style / Classification typographique

La revue et fonderie qui fit de la grossièreté numérique une esthétique dès l’apparition du Mac : caractères bitmap, couches en collision et défense de la difficulté au cœur des débats du design des années 1990.

Caractères bitmap / Couches en collision / Une expérimentation par numéro / Des défis à la lisibilité

design.mdprompt d’image

407

Modern American Book Jacket — Lustig, couverture de La Nausée (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 / Style / Édition et publication

Le style de jaquette que Lustig édifia chez New Directions : la suggestion par le signe et l’abstraction plutôt que l’illustration, faisant des couvertures littéraires de petites œuvres modernes et élevant le design du livre américain d’après-guerre.

Suggestion abstraite du contenu / Compositions de signes et de formes / Lettrage à la main mêlé au caractère / Cohérence de collection

design.mdprompt d’image

408

Onchi Kōshirō Book Design — Kobayashi Takiji, Kani kōsen (Le Bateau-usine), couverture de l’édition Senkisha, 1929 — Wikimedia Commons / CC0

Onchi Kōshirō Book Design

恩地孝四郎の装幀 / 1910s–1950s / Style / Édition et publication

Une reliure qui traite la couverture comme une estampe à part entière et non comme un cadre où loger une image. L'illustration figurative cède la place à des formes abstraites et à des aplats imprimés, et les lettres du titre se posent comme une partie de cette surface.

Des couvertures faites uniquement de formes abstraites et d'aplats, sans illustration figurative / Les lettres du titre dessinées à la main plutôt que composées en caractères, sur la même surface que l'image / Peu de couleurs, la forme venant de la superposition des plans et non d'un trait de contour / La couleur nue du papier laissée en réserve, l'image posée directement dessus

design.mdprompt d’image

Ligne éditoriale

IndexStyle ne rassemble pas tous les termes du design. Une entrée autonome doit décrire un langage visuel reconnaissable, reproductible et distinct de ses voisins. Critères éditoriaux

Revenir en haut