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

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.mdprompt d’image

530

Droog — Marcel Wanders, Knotted Chair, 1996 — Wikimedia Commons / CC BY 4.0 · © Sandra Fauconnier

Droog

ドローホ / 1990s– / Style / Mobilier et intérieurs

C'est la manière commune d'un collectif de concepteurs néerlandais formé dans les années 1990, et droog veut dire sec en néerlandais. Des choses familières, un tiroir de récupération ou un nœud, restent la structure de l'objet au lieu d'être cachées par la finition. En faisant de la simplicité et de l'esprit un type partagé, le groupe s'est séparé du design industriel lisse de la même époque.

Des pièces toutes faites d'origines différentes sont liées en un seul meuble sans accorder ni leur couleur ni leur usure / Sangles et cordes qui semblent des fixations provisoires demeurent la structure définitive / Le travail du matériau reste en surface, nœuds et joints laissés sans ponçage / Comme les pièces changent à chaque fois, deux exemplaires d'un même dessin ne se ressemblent jamais

design.mdprompt 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.mdprompt d’image

532

Xerox Star Interface — Bureau et icônes du Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC BY 2.0 · © J R

Xerox Star Interface

ゼロックス・スター・インターフェース / 1981–1990s / Style / Langages d'écran

Le langage d'écran fixé par le Xerox 8010 de 1981. Dossiers, corbeilles d'arrivée et de départ, tiroirs de classement et autres fournitures de bureau apparaissent en figures munies d'un libellé, et la brochure de l'époque appelait cela un bureau électronique. Les objets à l'écran se déplacent, se copient et se jettent librement à la souris.

Chaque figure à l'écran porte un libellé, si bien que le sens ne repose jamais sur la seule image / Les figures représentent des objets d'un bureau, dossiers, corbeilles d'arrivée et de départ, tiroirs de classement / On saisit les objets avec la souris, et déplacer, copier et supprimer forment une même famille de gestes / Le tableur se présente en grille de lignes et de colonnes, les commandes qui agissent dessus étant réunies dans des menus

design.mdprompt d’image

533

PLATO Terminal Screen — Écran à plasma d'un terminal PLATO V, 1981 — Wikimedia Commons / CC BY 3.0 · © Mtnman79 [1]

PLATO Terminal Screen

PLATO端末の画面 / 1972–1980s / Style / Langages d'écran

L'écran de PLATO, le réseau d'enseignement lancé par l'université de l'Illinois au début des années 1960. Sur un panneau plat au plasma sensible au toucher, les instructions de TUTOR posent texte et dessin par coordonnées, si bien que rien n'avance ligne à ligne comme dans un document. Les écrans d'affichage et de conversation ont pris ici leur forme.

Sur un plan noir, textes et traits sortent dans un seul orange lumineux / Les caractères ne suivent pas le fil des lignes mais des coordonnées, et s'invitent au milieu d'un dessin / Texte et tracé partagent le même plan, sans cadre pour séparer les zones / Certaines questions se répondent en touchant l'écran du doigt

design.mdprompt d’image

534

Breeze — Breeze sous KDE Plasma 5, palette claire (Kubuntu 20.10), 2020 — Wikimedia Commons / CC BY 4.0 · © Kubuntu, Breeze

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.mdprompt 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.mdprompt 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.mdprompt d’image

537

Ribbon — Ruban de style Office 2007 et onglets contextuels — Wikimedia Commons / CC BY-SA 4.0 · © Halil Şimşek P

Ribbon

リボン / 2007– / Mise en page / Microsoft UI

C'est un bandeau de commandes qui les range en une série d'onglets en haut de la fenêtre et remplace à la fois la barre de menus et les barres d'outils. Introduit avec Office 2007, il a reçu de Microsoft un vocabulaire officiel, onglets, groupes, onglets contextuels et galeries. Chaque commande porte un libellé et sa taille dépend de la fréquence d'usage.

Un bandeau à onglets occupe en permanence le haut de la fenêtre, sur une hauteur fixée à 48 pixels / Le bandeau est découpé en groupes nommés, le nom de chaque groupe courant le long de son bord inférieur / Les icônes de commande existent en deux tailles, 32 par 32 et 16 par 16, et seules les commandes fréquentes prennent la grande et ouvrent le groupe / Des onglets contextuels colorés apparaissent selon le type d'objet sélectionné, et le nom de cet ensemble d'onglets se termine par Tools

design.mdprompt 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.mdprompt 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.mdprompt d’image

540

Stamen Map Styles (Toner, Terrain, Watercolor) — Carte utilisant les tuiles Watercolor de Stamen Design, 2022 — Wikimedia Commons / CC BY-SA 4.0 · © Alexschneider250

Stamen Map Styles (Toner, Terrain, Watercolor)

スタメンの地図様式 / 2010s– / Style / Design d'information

Trois styles de carte nommés que Stamen Design a publiés, Toner en noir et blanc à deux valeurs, Terrain fait d'ombrage du relief et de couleurs de végétation, Watercolor fait de lavis qui se fondent dans le grain du papier. Ce qui les distingue des cartes en ligne antérieures, c'est que l'aspect du fond de carte se choisit comme une manière de peindre et non comme un réglage de couleurs.

Toner est dessiné en noir et blanc seulement, sans aucun gris intermédiaire / Dans Watercolor, la limite entre mer et terre se fond comme le bord d'un pinceau, et le grain du papier reste visible quand on agrandit / L'eau de Watercolor mêle des bleus au turquoise et au violet, et les routes vont de l'orange au brun rouge / Libellés, traits et fond forment des couches séparées, et un jeu de tuiles se diffuse en laissant de côté celles dont on n'a pas besoin

design.mdprompt d’image

541

Single-Serving Site — interprétation générée par IA
Interprétation par IA, pas une référence

Single-Serving Site

シングルサービング・サイト / 2008– / Mise en page / Lecture sur le web

Un site qui occupe un domaine à lui seul et ne fait qu'une chose sur une seule page. Jason Kottke lui a donné son nom en février 2008, et près de quatre cents lecteurs ont envoyé des exemples, ce qui a fixé la forme. Aucune navigation, aucun parcours, la réponse à la question remplit l'écran et tout s'arrête là.

Le nom de domaine est la question, et la page ne contient que la réponse en un mot / Ni titre ni paragraphe, un mot ou une image occupe le centre de l'écran / Ni menu, ni recherche, ni liens de pied de page, nulle part où aller ensuite / Les titres se répondent souvent par oui ou par non, comme Is It Christmas? ou Is Twitter Down?

design.mdprompt 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.mdprompt d’image

543

GitHub Primer — GitHub Primer ViewComponents — official file-tree snapshots across appearance modes — Copyright (c) 2020 GitHub / MIT

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.mdprompt 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.mdprompt d’image

545

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

Atlassian Design System

Atlassian Design System / 2012– / Style / Langages d'écran

Un système qui traduit la complexité de Jira et Confluence en jetons, règles éditoriales, espacements, grilles et composants partagés. La cohérence inspire confiance tout en gardant navigables de grands ensembles de tickets, de documents et d'états.

Des couches blanches et gris pâle avec des actions principales bleues / Des cartes arrondies et des libellés d'état en forme de pastille / Des divisions nettes entre barre latérale, tableau et panneau de détail / Couleur, espacement, rayon et élévation pilotés par des jetons

design.mdprompt d’image

546

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

Ant Design

Ant Design / 2015– / Style / Langages d'écran

Un système de design qui maintient les applications web d'entreprise à faible entropie grâce à des composants et des modèles de page réutilisables. Ses valeurs — Naturel, Certain, Significatif et Évolutif — systématisent tableaux, formulaires, hiérarchie et états sans réduire la densité d'information.

Des tableaux denses composés en petit corps et filets fins / Des actions principales bleues avec des couleurs sémantiques explicites / Des formulaires, paginations, arborescences et tableaux cohérents / Une lisibilité obtenue par l'alignement et la répétition, non par un espace généreux

design.mdprompt d’image

547

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

Shopify Polaris

Shopify Polaris / 2017– / Style / Langages d'écran

Le cadre d'interface de Shopify donne aux produits, commandes, paiements et clients un même langage commercial. Cartes et sections séparent les décisions, tandis que des états et des actions formulés brièvement aident le marchand à faire avancer sa boutique.

Des cartes blanches empilées sur un fond pâle / Le vert utilisé comme signal de réussite ou de progression / Titre, état et action principale réunis en haut de page / Des badges compacts pour les états des produits, commandes et paiements

design.mdprompt d’image

548

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

Black Dandyism

ブラック・ダンディズム / 18th century– / Style / Histoire de la mode

Une lignée qui emploie la coupe et le maintien pour se façonner soi-même et répondre au regard racialisé. Elle ne correspond pas à un seul degré d'ornement : elle connaît les codes, en déplace les détails et porte à la fois dignité, résistance et identité.

Une coupe précise ajustée au corps / Une ligne complète du chapeau et du col jusqu'à la cravate et à la chaussure / Couleur, motif ou geste déplaçant les codes du vestiaire masculin classique / Une présentation de soi assurée et frontale

design.mdprompt d’image

549

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

Power Dressing

パワー・ドレッシング / 1970s–1980s / Style / Histoire de la mode

Une façon de s'habiller qui rend visible l'autorité professionnelle. Dans les années 1980, le costume strict aux épaules larges devint un signe d'ascension pour les femmes comme pour les hommes, élargissant et durcissant la silhouette tout en portant la pression de la conformité.

Des vestes rembourrées qui élargissent les épaules / Une taille ajustée et une silhouette en triangle inversé / Du drap peigné sombre et des rayures craie / Costume, chemise, cravate ou escarpins coordonnés

design.mdprompt 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.mdprompt d’image

551

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

Camp Fashion

キャンプ・ファッション / 19th century– / Style / Histoire de la mode

Une sensibilité qui aime l'artifice, l'exagération, la théâtralité, la parodie et l'excès, et prend plaisir à la frontière entre bon et mauvais goût. Sa force ne vient pas du seul éclat, mais du sérieux grossi jusqu'à devenir humour et critique.

Des silhouettes exagérées au-delà de l'échelle du corps / Des matières artificielles et un ornement excessif / Des citations du costume historique et de la culture populaire / Humour, parodie et pose théâtrale

design.mdprompt 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.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