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.

Termes	738

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.

EssayerBauhaus un site de recrutement premium une app financière fiable

Rechercher Type Famille Effet Tri 24/254 affichées

523

Biedermeier — Canapé Biedermeier, Autriche, vers 1815–1825, musée des beaux-arts de Montréal — Wikimedia Commons / Public domain

Biedermeier

ビーダーマイヤー / 1820s–1850s / Style / Mobilier et intérieurs

Sobriquet satirique appliqué après coup à l'art et aux intérieurs de l'Europe centrale des années 1820 aux années 1850, et devenu le nom même du style. On l'associe au goût de la classe moyenne, à des formes franches qui évitent l'ornement compliqué et à des sujets qui peignent avec sentiment les proches et la nature.

Des meubles dont le contour reste simple, sans sculpture ni marqueterie posées dessus. / À la place de l'ornement, c'est le fil du bois lui même qui vient au premier plan. / Les sujets sont des proches et la nature, traités avec sentiment. / Des dimensions modestes, faites pour la pièce d'un bourgeois et non pour une salle princière.

design.md prompt d’image

526

Aesthetic Movement — James McNeill Whistler, The Peacock Room (Harmonie en bleu et or), 1876–77, Freer Gallery of Art — Wikimedia Commons / CC BY-SA 4.0 · © Votpuske

Aesthetic Movement

唯美主義運動 / 1870s–1880s / Style / Mobilier et intérieurs

Mouvement britannique et américain des années 1870 et 1880 qui traverse aussi bien la peinture que le mobilier, le textile et l'architecture. Sous le mot d'ordre de l'art pour l'art, il place la valeur autonome du beau au dessus de la leçon morale, du récit et du poids du sujet. L'ornement ne dit donc rien et tout se règle sur l'accord de la surface.

Des tournesols et des lis qui reviennent sous la même forme sur la céramique, sur les étoffes et dans la pièce elle même. / Une gamme tirée vers le vert olive et le jaune, avec du rouge sombre et du crème posés sur des fonds noirs. / Des motifs japonais aplatis en répétitions, bambou circulaire, rosaces stylisées et feuilles retombantes sur un fond de losanges. / Des porcelaines chinoises bleu et blanc disposées dans la pièce, les vases comptant eux mêmes comme décor.

design.md prompt d’image

527

Craftsman Style — Gustav Stickley (United Crafts), fauteuil, 1901, Art Institute of Chicago — Wikimedia Commons / CC BY 3.0 · © Sailko

Craftsman Style

クラフツマン様式 / 1870s–1920s / Style / Mobilier et intérieurs

Style d'architecture, d'aménagement intérieur et d'arts décoratifs répandu aux États-Unis depuis environ 1870 jusque vers 1925. Il prolonge l'Arts and Crafts anglais en renonçant à citer les styles historiques pour choisir la simplicité, mais ses porteurs allèrent jusqu'aux réformateurs sociaux, aux éducateurs et aux associations féminines. Il se manifeste surtout dans de petites maisons comme le bungalow, où le matériau se montre tel quel.

Les pièces de structure, poutres et corbeaux, restent apparentes au lieu d'être coffrées. / Aucun chapiteau, aucune volute, aucune pièce empruntée aux styles historiques. / Cela tient à l'échelle d'une maison modeste comme le bungalow et non d'une demeure. / Le bois et la pierre ne sont pas peints, si bien que les surfaces se font de fil et de couleur naturelle.

design.md prompt d’image

529

Gustavian Style — Château de Sturehov, la salle verte, 1781 — Wikimedia Commons / CC BY-SA 4.0 · © Holger.Ellgaard

Gustavian Style

グスタヴィアン様式 / 1770s–1790s / Style / Mobilier et intérieurs

Néoclassicisme suédois tel qu'il se forme sous Gustave III. Son modèle est le classicisme formel du style Louis XVI, et le roi se rend à Versailles puis fait venir des artisans français à sa cour. Les matériaux coûteux sont toutefois remplacés par du verre de production nationale.

Un contour néoclassique retenu, copié directement des formes du style Louis XVI. / Les pendeloques de cristal de roche cèdent la place à de petites perles de verre incolore. / Un peu de verre bleu cobalt s'introduit parmi le verre incolore. / Les montures et les chaînes dorées restent visibles comme l'ossature qui relie le verre.

design.md prompt d’image

531

Machine Art — interprétation générée par IA — Interprétation par IA, pas une référence

Machine Art

マシン・アート / 1934 / Style / Mouvements du design moderne

C'est le titre d'une exposition ouverte en 1934 par le Museum of Modern Art à New York. Ressorts, casseroles et instruments de mesure, tous produits en série et tous utilitaires, furent posés sur des socles et traités comme des sculptures. Les salles furent aménagées en masquant les moulures de l'immeuble de grès du dix-neuvième siècle, car montrer des objets sans ornement dans un lieu sans ornement était la condition même de l'accrochage.

Sur chaque socle, une seule pièce industrielle utilitaire, posée à distance des autres / Les moulures des murs et des plafonds sont recouvertes et le fond ne garde aucun motif / Les objets sont des ressorts, des casseroles, des instruments, des choses jamais faites pour être regardées / À la place de l'auteur figurent des noms de fabricants et non de personnes

design.md prompt d’image

534

Breeze — Breeze sous KDE Plasma 6 (Debian Trixie) — Wikimedia Commons / CC0

Breeze

ブリーズ / 2014– / Style / Langages d'écran

Le style visuel par défaut que KDE a introduit avec Plasma 5. L'annonce le décrit elle-même comme un thème plat et très contrasté, et les figures y sont simplifiées et rapprochées du monochrome. Au lieu d'ornement, la composition typographique sert à distinguer les éléments, et une version claire et une version sombre sont livrées en paire dès le départ.

Des surfaces planes sans modelé, où la limite entre éléments tient au seul écart de couleur et de contraste / Icônes et figures ramenées vers le monochrome, avec un nombre de couleurs restreint / Le contraste entre titre et texte remplace l'ornement, et la composition typographique porte l'écran / Les mêmes figures existent en version claire et en version sombre, appariées

design.md prompt d’image

535

Acme — Écran d'acme sous Plan 9 from Bell Labs — Wikimedia Commons / CC BY-SA 4.0

Acme

アクメ・インターフェース / 1994– / Style / Langages d'écran

L'écran que Rob Pike a exposé dans un article de 1994, où système de fenêtres, interpréteur de commandes et éditeur ne font qu'un. Il n'a ni menu ni icône, et n'importe quelle chaîne à l'écran s'exécute avec le bouton du milieu et s'ouvre avec le bouton droit. Les fenêtres s'empilent en colonnes et se réduisent à deux parties, une étiquette d'une ligne et un corps.

Les fenêtres s'empilent en colonnes, et chacune se réduit à une étiquette d'une ligne au-dessus d'un corps / La barre de défilement se tient au bord gauche du corps, et rien ne se trouve à droite / Balayer une chaîne avec le bouton du milieu la souligne seulement tant que le bouton reste enfoncé / Le corps est jaune pâle et l'étiquette bleu pâle, et il n'y a pas un bouton ni une icône à cliquer

design.md prompt d’image

536

Oberon System Interface — Écran d'Oberon-0, lignes d'étiquette et surface entièrement pavée — Wikimedia Commons / CC BY-SA 4.0 · © PeterEasthope

Oberon System Interface

オベロン・システムの画面 / 1988– / Mise en page / Langages d'écran

L'écran du système que Wirth et Gutknecht ont construit à l'ETH entre 1986 et 1989. Les fenêtres ne se recouvrent jamais, l'écran est d'abord découpé en bandes verticales que l'on remplit de haut en bas. N'importe quel texte de l'écran ayant la forme M.P s'exécute au bouton du milieu, si bien que le système n'a pas de composant dédié appelé menu.

Rien ne se recouvre, l'écran est d'abord coupé en bandes verticales, puis rempli de haut en bas à l'intérieur de chaque bande / Une bande étroite à droite porte le journal en haut et un texte de commandes en bas, la large bande de travail restant à gauche / Chaque visionneuse porte en haut un cadre d'une ligne où le nom du document et des commandes comme System.Close sont écrits en clair / Un bit par pixel, noir sur blanc, des cadres au trait fin, sans ombre, sans arrondi et sans gris

design.md prompt d’image

538

Solarized — Xcode 4 avec Solarized Light appliqué, 2011 — Wikimedia Commons / CC BY 2.0 · © Jason Brennan from Ottawa, Canada

Solarized

ソラライズド / 2011– / Style / Styles d'interface

Seize couleurs pour terminal et éditeur qu'Ethan Schoonover a publiées avec toutes leurs valeurs. Elles se composent de huit tons de fond et de huit accents, et les écarts de clarté CIELAB entre les tons de fond sont symétriques, si bien que passer du fond clair au fond sombre ne change pas le régime de lecture. L'écart de luminosité est abaissé et ce sont les écarts de teinte qui distinguent les mots.

Les fonds ne sont ni noir pur ni blanc pur, l'un tire vers le bleu vert, l'autre vers la crème / L'écart de clarté entre le texte et le fond reste faible, plus doux que du noir sur blanc / Les huit accents ont une clarté presque égale et ne se distinguent que par la teinte / En passant du fond sombre au fond clair, le même accent revient avec le même rôle

design.md prompt d’image

539

Skeleton Screen — interprétation générée par IA — Interprétation par IA, pas une référence

Skeleton Screen

スケルトン・スクリーン / 2013– / Technique / Styles d'interface

Un traitement du chargement qui renonce à l'indicateur rotatif et montre d'abord l'écran vide, puis y verse l'information peu à peu. Luke Wroblewski l'a présenté sous ce nom en 2013, en tirant les leçons de sa propre application Polar. Il montre que quelque chose avance, plutôt que le fait de faire attendre.

Pendant le chargement, ni indicateur rotatif ni barre de progression / Là où viendront textes et images se trouvent déjà des plages unies à la dimension qu'ils occuperont / La mise en page est arrêtée avant l'arrivée des données, et rien ne bouge quand elles arrivent / L'information ne surgit pas d'un coup, chaque zone se remplit à son tour

design.md prompt d’image

542

ADV / NVL Text Layout — Écran de type NVL de l'édition coréenne de Higurashi When They Cry — Wikimedia Commons / Public domain

ADV / NVL Text Layout

ADV／NVL（ノベルゲームの文字組み） / 1990s– / Mise en page / Jeux et cartes

Le roman visuel possède deux mises en texte nommées, dont le mode ADV fait sortir dialogue et narration une ligne à la fois dans une fenêtre en bas de l'écran. Le mode NVL empile plusieurs lignes dans une fenêtre qui occupe tout l'écran et change de page à chaque coupure. La documentation officielle de l'outil Ren'Py définit les deux comme un couple.

En mode ADV, une fenêtre large reste en bas de l'écran et n'affiche qu'une ligne à la fois / En mode NVL, le texte s'étend sur tout l'écran et les lignes déjà lues s'empilent vers le haut / En NVL, le changement de page efface d'un coup la pile, et la page suivante commence vide / Les choix apparaissent différemment selon la forme, et en NVL ils se rangent juste après le texte en cours plutôt que dans un menu plein écran

design.md prompt d’image

543

GitHub Primer — interprétation générée par IA — Interprétation par IA, pas une référence

GitHub Primer

GitHub Primer / 2017– / Style / Langages d'écran

Le système de design de GitHub transforme les flux de développement denses en règles communes de couleur, de typographie, d'icônes, d'espacement et de composants. Il privilégie l'avancement du travail plutôt que l'ornement et maintient de nombreux états et actions dans peu d'espace sans renoncer à l'accessibilité ni à l'adaptation aux écrans.

Des surfaces neutres, des liens bleus et des couleurs d'état retenues / Des Octicons accompagnés de libellés d'action courts / De fins filets séparant listes, onglets et barres latérales / Des degrés constants de typographie et d'espacement même à forte densité

design.md prompt d’image

544

Adobe Spectrum — interprétation générée par IA — Interprétation par IA, pas une référence

Adobe Spectrum

Adobe Spectrum / 2013– / Style / Langages d'écran

Le système de design transversal d'Adobe. Suivant les principes Rationnel, Humain et Ciblé, il fait varier la densité entre ordinateur et mobile tout en empêchant les interfaces riches en outils de détourner l'attention de l'œuvre.

Des surfaces neutres, la couleur vive réservée à la sélection / Icônes, typographie et bordures changeant d'échelle ensemble / Barres d'outils et panneaux de propriétés reliés par de fines séparations / Le travail créatif reste plus présent que l'interface

design.md prompt d’image

550

Fashion Deconstruction — interprétation générée par IA — Interprétation par IA, pas une référence

Fashion Deconstruction

ファッションの脱構築 / 1980s– / Style / Histoire de la mode

Elle expose valeurs de couture, doublures, bords francs, patrons et assemblages asymétriques au lieu de dissimuler le vêtement comme un tout sans couture. Elle ne se contente pas de détruire : elle démonte les conventions et construit un autre corps avec leurs pièces.

Valeurs de couture et doublures retournées vers l'extérieur / Bords francs et effilochage volontaire / Assemblages asymétriques et équilibre déplacé / Patrons et entoilages traités comme des surfaces finies

design.md prompt d’image

552

Mori Girl / Mori Kei — interprétation générée par IA — Interprétation par IA, pas une référence

Mori Girl / Mori Kei

森ガール／森系 / 2007– / Style / Japanese Street Fashion

Une mode de rue japonaise créée par des citadines imaginant une fille qui pourrait vivre en forêt. Les superpositions amples, les tons écrus et terreux, les textures naturelles et les accessoires anciens prolongent la tenue en récit d'une vie plus lente.

Robes et jupes amples superposées / Écru, brun et mousse peu saturés / Textures de dentelle, maille, lin et laine / Chaussures de cuir, paniers et accessoires anciens

design.md prompt d’image

554

Carbon Design System — interprétation générée par IA — Interprétation par IA, pas une référence

Carbon Design System

Carbon Design System / 2015– / Style / Langages d'écran

Le système d'IBM pour les produits d'entreprise riches en données associe une grille stricte, la police IBM Plex et des composants compacts afin que les tâches complexes restent lisibles.

IBM Plex et forte hiérarchie typographique / Plans de travail blancs ou gris profond / Tableaux denses, filtres et navigation latérale / Bleu réservé à l'action et au focus

design.md prompt d’image

556

SAP Fiori — interprétation générée par IA — Interprétation par IA, pas une référence

SAP Fiori

SAP Fiori / 2013– / Style / Langages d'écran

Le langage de conception par rôle de SAP réduit les processus d'entreprise à l'information et aux actions nécessaires à chaque personne, puis les maintient cohérents sur tous les appareils.

Tuiles de launchpad organisées par rôle / Barre de shell et pages d'objet / Tableaux compacts et états sémantiques / Bleu calme sur des surfaces de travail pâles

design.md prompt d’image

557

U.S. Web Design System — Page d'accueil de USA.gov, 2023 — Wikimedia Commons / Public domain

U.S. Web Design System

米国Webデザインシステム / 2015– / Style / Design public

Un système partagé pour des services web fédéraux américains accessibles, adaptés au mobile et dignes de confiance, construit à partir de modèles de service public éprouvés.

Blanc, bleu marine et rouge fédéral contenu / Grands titres simples et corps de texte lisible / Bannière signalant le site officiel / Formulaires, alertes et indicateurs d'étapes clairs

design.md prompt d’image

558

NHS Design System — interprétation générée par IA — Interprétation par IA, pas une référence

NHS Design System

NHSデザインシステム / 2016– / Style / Design public

Le système du NHS rend l'information et les services de santé urgents calmes, directs et cohérents grâce à un langage simple, des états de focus forts et des modèles cliniques testés.

Bleu NHS et blancs généreux / Grands titres et courts paragraphes / Encadrés pour alertes et conseils de soins / Focus visible et formulaires simples

design.md prompt d’image

566

PatternFly — interprétation générée par IA — Interprétation par IA, pas une référence

PatternFly

PatternFly / 2012– / Style / Langages d'écran

Le langage d'écran open source de Red Hat pour les produits d'entreprise rend les infrastructures complexes gérables par une navigation dense, des vues de données et une couleur d'état strictement maîtrisée.

Bandeau sombre et navigation à gauche / Tableaux et formulaires denses sur blanc ou gris pâle / Bleu pour l'action principale et rouge, orange ou vert pour l'état / Liste, détail et action dans des panneaux coordonnés

design.md prompt d’image

567

elementary OS — interprétation générée par IA — Interprétation par IA, pas une référence

elementary OS

elementary OS / 2011– / Style / Langages d'écran

elementary OS construit un bureau cohérent, beau et immédiatement compréhensible grâce à un langage concis, des fenêtres dédiées à une seule tâche, des icônes distinctives et une profondeur retenue.

Quelques actions principales dans la barre supérieure / Texte bref fait de verbes concrets / Icônes multicolores à silhouette distinctive et contour sombre d'un pixel / Surfaces blanches, chrome pâle et actions suggérées en bleu

design.md prompt d’image

568

GitLab Pajamas — interprétation générée par IA — Interprétation par IA, pas une référence

GitLab Pajamas

GitLab Pajamas / 2018– / Style / Langages d'écran

Le langage d'écran de GitLab relie code, tickets, revue, CI/CD et sécurité dans un produit DevSecOps unique grâce à GitLab Sans et Mono, une navigation persistante, des listes denses et une palette neutre teintée de violet.

GitLab Sans associé à GitLab Mono pour le code / Structure en couches par navigation gauche et chrome applicatif / Listes denses de tickets, merge requests et pipelines / Surfaces blanches ou charbon avec le violet comme focus de marque

design.md prompt d’image

571

Canonical Vanilla — interprétation générée par IA — Interprétation par IA, pas une référence

Canonical Vanilla

Canonical Vanilla / 2013– / Style / Langages d'écran

Le langage d'écran CSS de Canonical unifie Ubuntu, MAAS, Juju et leurs sites et applications par la police Ubuntu, des grilles divisées, des sections réglées et de grands espaces, optimisés pour parcourir de longs contenus techniques.

Grands titres fins et sous-titres plus petits en gras dans Ubuntu / Partages asymétriques 25/75 et 50/50 / Filets fins au-dessus des sections et grand espace vertical / Surfaces blanches, texte sombre et focus orange ou aubergine

design.md prompt d’image

572

Firefox Proton — interprétation générée par IA — Interprétation par IA, pas une référence

Firefox Proton

Firefox Proton / 2021–2026 / Style / Langages d'écran

La refonte de Firefox 89 a rendu le navigateur plus lumineux et calme en simplifiant barres et menus et en adoptant des onglets arrondis flottants, des icônes plus légères, davantage d'espace et une palette teintée de violet sur ordinateur, iOS et Android.

Onglet actif arrondi flottant au-dessus de la barre d'outils / Menus guidés par le texte avec moins d'icônes redondantes / Espacement généreux et icônes linéaires légères / Chrome neutre avec états de sélection violets et bleus

design.md prompt 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

Les images de référence sont toujours des œuvres réelles : photographies et reproductions conservées par des musées, des bibliothèques et des archives, ou documents officiels. Nous ne les créons ni ne les retouchons jamais.
Lorsqu’aucune image de référence légale, lisible et suffisamment représentative ne peut être affichée, l’entrée peut ajouter une ou plusieurs interprétations générées par IA. Elles sont toujours signalées comme telles et n’entrent jamais dans la galerie de référence, l’image de partage ni les preuves de source. 221 entrées sur 738 en portent aujourd’hui.
Chaque entrée nomme la source d’où elle a été relevée et y renvoie ; chaque URL est vérifiée à l’ajout puis lors des relectures.
Styles, techniques et esthétiques d’internet sont classés, jamais confondus.
Les entrées liées se parcourent dans les deux sens.
Pour les droits d’image, voir Citations et images de référence.

Revenir en haut