1
.jpg)
Swiss
スイス・スタイル / 1950s– / Style / Fonctionnalisme
Place l’ordre au premier plan et fait de l’information elle-même le protagoniste.
Grille stricte / Caractères sans serif / Asymétrie / Photographie objective
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 | 579 |
|---|
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
2
Bauhaus
バウハウス / 1919–1933 / Style / Fonctionnalisme
Fait coexister fonction et jeu à travers le cercle, le triangle et le carré.
Formes élémentaires / Couleurs primaires / Beauté fonctionnelle / Structure visible
3
%20-%20Liubova%20Popova%20(1889-1924)%20(45056449312).jpg)
Constructivism
構成主義 / 1910s–1930s / Style / Avant-garde
Transforme le message en mouvement par les diagonales et les contrastes durs.
Rouge, noir et blanc / Axe diagonal / Photomontage / Lettrage impératif
4
Art Deco
アール・デコ / 1920s–1930s / Style / Styles historiques
Met en scène le luxe urbain par une géométrie répétée et un éclat métallique.
Symétrie / Lignes rayonnantes / Motifs en gradins / Or et noir
5
Art Nouveau
アール・ヌーヴォー / 1890s–1910s / Style / Styles historiques
Unit lettres, figures et ornement en une seule ligne fluide, d’inspiration végétale.
Courbes botaniques / Cadres ornementaux / Figures féminines / Couleurs naturelles sourdes
6
Modernism
モダニズム / 1920s–1970s / Style / Fonctionnalisme
Remplace l’ornement par la forme raisonnée et vise l’universalité.
Simplification / Hiérarchie claire / La fonction d’abord / Formes universelles
7
%201%E2%80%935%20(1987)%2C%20Tate%20Modern%2C%20London%2C%20UK.jpg)
Minimalism
ミニマリズム / 1960s– / Style / Fonctionnalisme
Retire des éléments pour maximiser le sens et la tension de ce qui reste.
Vaste espace blanc / Peu d’éléments / Couleur discrète / Espacements précis
8
Web Brutalism
ウェブ・ブルータリズム / 2014– / Style / Styles d'interface
Affiche la page telle que le navigateur la rend par défaut et refuse l'allure finie des gabarits.
Titres et liens par défaut / Liens bleus soulignés / Écarts de corps extrêmes / Filets et marges sans ornement
9
%20Chair%20by%20Charles%20and%20Ray%20Eames%2C%20Honolulu%20Museum%20of%20Art%204410.1.JPG)
Mid-Century Modern
ミッドセンチュリー・モダン / 1940s–1960s / Style / Rétro
Ajoute à la géométrie rationnelle des courbes tracées à la main et de la chaleur.
Formes organiques / Couleurs chaudes et calmes / Illustration concise / Mouvement en diagonale
10
70’s Retro
70年代レトロ / 1970s / Style / Rétro
Construit une nostalgie joyeuse à partir de formes rondes et épaisses et de couleurs chaudes et terreuses.
Courbes épaisses / Formes ondulées / Orange et brun / Rayures répétées
11
The Face
ザ・フェイス / 1980s / Style / Édition et publication
Redessine à chaque numéro ses lettres de titre et ses signes de rubrique, puis les pose dans une page découpée par des filets épais et des bandes noires, avec la même force que les photographies.
Des lettres de titre très grasses tracées à la géométrie / Des filets épais et des bandes noires qui découpent la page / Des signes de rubrique qui changent de forme à chaque numéro / De grandes lettres posées sur la photographie
12
.jpg)
Punk
パンク / 1970s–1980s / Style / Contre-culture
Contre l’autorité de ce qui est bien rangé, il oppose un DIY fait de coupures, de collages et de saletés.
Lettres découpées-collées / Bruit de photocopieuse / Écriture manuscrite / Mise en page déchiquetée
13
Post-Modernism
ポスト・モダニズム / 1970s–1990s / Style / Avant-garde
Doute de la réponse unique et mêle citation, ironie et ornement comme un jeu.
Styles mélangés / Ironie / Ornement réhabilité / Couleur inattendue
14
Deconstructivism
脱構築主義 / 1980s– / Style / Avant-garde
Démonte un ordre acquis et fait de la tension et de l’instabilité la nouvelle structure.
Fragmentation / Inclinaison / Couches en collision / Contours instables
15
.jpg)
Psychedelic
サイケデリック / 1960s–1970s / Style / Contre-culture
Fait fondre contours et couleurs jusqu’à ce que la réalité elle-même se mette à onduler.
Courbes tourbillonnantes / Couleurs complémentaires / Lettres fondantes / Motifs kaléidoscopiques
16
.jpg)
Synthwave
シンセウェーブ / 1980s imagined future / Style / Rétro numérique
Rejoue le futur imaginé par les années 1980, en néons et lignes d’horizon.
Néon / Grille en perspective / Coucher de soleil / Ciel noir
17
New Wave
ニュー・ウェーブ / 1970s–1980s / Style / Contre-culture
Garde la liberté du punk tout en rééditant couleur et grille avec un poli urbain.
Grille irrégulière / Points / Chroma élevé / Typographie pivotée
18
.jpg)
.jpg)
19
.jpg)
20
Grunge
グランジ / 1990s / Style / Contre-culture
Fait de la saleté, des déchirures et de l’usure une résistance à l’écran proprement administré.
Éraflures / Déchirures / Typographie désordonnée / Copies de mauvaise qualité
21
Web 1.0
ウェブ1.0 / 1990s / Style / Rétro numérique
Réemploie la naïveté du web des débuts, contraint, comme franchise et comme charme.
Liens bleus / GIF basse résolution / Polices système / Boutons ordinaires
22
.jpg)
Y2K
ワイツーケー / late 1990s–2000s / Style / Rétro numérique
Exprime l’optimisme du nouveau millénaire en plastique translucide et en futurs arrondis. Son éclat vient de la résine et du métal que l’on tenait en main plutôt que d’un écran, ce qui le distingue du brillant des interfaces des mêmes années.
Plastique translucide / Argent / Formes de bulles / Éclat cyber
23
Web 2.0 Gloss
ウェブ2.0グロス / 2000s / Style / Rétro numérique
Explique l’interaction numérique comme quelque chose de tangible par la brillance, la rondeur et les reflets. C’est le nom de ce que le web a produit en cherchant à reproduire avec des images et du CSS la matière qu’Aqua avait dans le système.
Boutons brillants / Dégradés appuyés / Reflets / Coins arrondis
24
Skeuomorphism
スキューモーフィズム / 2000s–2010s / Style / Styles d'interface
Emprunte aux matériaux et aux outils réels leurs repères pour rendre intelligibles des interactions inconnues. Le mot désigne un principe, si bien qu’Aqua comme le métal brossé sont la forme prise par ce principe une fois mis en œuvre dans un produit précis.
Cuir, métal, papier / Ombres en relief / Métaphores du monde réel / Textures fines
25
Neumorphism
ニューモーフィズム / late 2010s– / Style / Styles d'interface
Fait du fond et des commandes un seul matériau, ne révélant le relief que par des ombres douces.
Surfaces de même couleur / Ombres à deux directions / Éléments arrondis / Faible contraste
26
Glassmorphism
グラスモーフィズム / 2020s / Style / Styles d'interface
Montre profondeur et hiérarchie par des couches translucides, faisant flotter l’information avec légèreté.
Flou d’arrière-plan / Translucidité / Fins liserés blancs / Couleur qui transparaît
27
Vaporwave
ヴェイパーウェイヴ / 2010s / Style / Rétro numérique
Transforme les souvenirs de la société de consommation et des débuts du numérique en un malaise onirique.
Rose et violet / Statues antiques / CG primitive / Tropiques et texte japonais
28
Cyberpunk
サイバーパンク / 1980s– / Style / Visions du futur
Technologie de pointe et vie délabrée partagent le même cadre, si bien que l’avenir y arrive à la fois comme promesse et comme menace.
Nuits pluvieuses / Néons multilingues / Câblage dense / Villes sombres
29
Maximalism
マキシマリズム / recurring / Style / Ornement
Superpose sans crainte quantité, couleur et motif, faisant de l’excès même la richesse.
Motifs superposés / Couleur forte / Typographie ornementale / Densité de collectionneur
30
Gothic
ゴシック / 12th–16th century / Style / Styles historiques
Convoque mystère, effroi sacré et permanence par la verticalité et l’ornement sombre.
Écriture gothique / Formes en pointe / Noir / Ornement minutieux
31
Neubrutalism
ニューブルータリズム / 2010s– / Style / Styles d'interface
Se rebelle avec chaleur contre le web trop poli, à coups de bordures épaisses et de couleurs franches.
Épaisses bordures noires / Ombres dures / Couleurs vives / Composants plats
32
Flat Design / Vector Minimalism
フラットデザイン / ベクターミニマリズム / 2010s– / Style / Styles d'interface
Réduit l’information à des aplats et des couleurs simples, transportable d’un écran et d’un support à l’autre.
Aplats uniformes / Formes simples / Peu d’ombres / Couleur nette
33
Gen X Soft Club
ジェネレーションX ソフトクラブ / late 1990s / Style / Rétro numérique
Peint un vague espoir d’avenir dans la lueur bleu-vert qui filtre à travers l’obscurité du club.
Bleu-vert / Lumière floue / Translucidité / 3D abstraite
34
Future Funk
フューチャーファンク / 2010s / Style / Rétro numérique
Réédite à grande vitesse la pop japonaise des années 1980 en une euphorie éblouissante.
Anime des années 80 / City pop / Vues nocturnes éclatantes / Collage rapide
35
%20vol%202%2C%20plate%20XXI%20-%20Royal%20Coll.jpg)
%20(24133205098).jpg)
.jpg)
Steampunk
スチームパンク / Victorian retrofuture / Style / Visions du futur
Prolonge les matériaux et les machines de l’ère de la vapeur en une histoire alternative tangible.
Laiton / Engrenages / Cuir / Cadrans
36
Acid
アシッド / 1990s–2020s / Style / Contre-culture
Percute couleurs fluorescentes et distorsion à haute pression, secouant l’œil avec agressivité.
Couleurs fluo / Distorsion / Fort contraste / 3D brute
37
%20sample%20animation.gif)
Glitch
グリッチ / digital / Style / Styles d'interface
Refuse de cacher l’erreur et la corruption, exposant la fragilité du médium numérique lui-même.
Décalage de canaux / Bruit de blocs / Lignes de balayage / Pertes de signal
38
.jpg)
39
Naïve
ナイーブ / timeless / Style / Styles d'illustration
S’écarte des normes du métier et fait de l’observation brute et du déséquilibre son charme.
Lignes inégales / Perspective aplatie / Couleur simple / Lettres dessinées à la main
40
.jpg)
Blueprint
ブループリント / industrial / Style / Représentation technique
Au lieu de l’objet fini, il montre les lignes de la pensée qui le sous-tend, et communique ainsi la structure et le possible.
Lignes blanches sur bleu / Cotes / Coupes / Notes manuscrites
41
Risograph
リソグラフ / 1980s– / contemporary revival / Technique / Sérigraphie
Garde les passages couleur par couleur et leurs heureux décalages de repérage, donnant à chaque copie sa propre chaleur.
Repérage décalé / Encres en tons directs / Trames de demi-teintes / Papier qui transparaît
42
Bento Grid
ベントーグリッド / 2020s / Mise en page / Design d'information
Répartit des informations de natures différentes en boîtes indépendantes, offrant la vue d’ensemble d’un seul regard.
Cartes grandes et petites / Gouttières alignées / Synthèse en un écran / Modules
43
Isometric Illustration
アイソメトリック・イラストレーション / technical drawing–digital / Technique / Diagrammes et schémas
Garde la profondeur tout en regardant d’en haut, expliquant en une seule image les relations entre de nombreuses parties.
Axes à 30 degrés / Échelle uniforme / Vues éclatées / Petits mondes
44
Solarpunk
ソーラーパンク / 2000s– / Imaginaire / Visions du futur
Refuse d’opposer nature et technologie, peignant un futur lumineux entretenu à la main.
Vert et lumière du soleil / Artisanat local / Technologies renouvelables / Communauté
45
.jpg)
Afrofuturism
アフロフューチャリズム / 20th century– / Imaginaire / Visions du futur
Relie histoire, culture et futur des diasporas africaines, reconquérant le temps volé et de nouveaux possibles.
Futurs cosmiques / Motifs culturels / Métal et terre / Mythe réinterprété
46
Dark Academia
ダーク・アカデミア / 2010s– / historical references / Imaginaire / Styles subculturels
Emprunte l’ombre des vieilles salles d’étude pour bâtir une obsession du savoir et une intimité secrète.
Livres anciens / Bruns profonds et noir / Empattements classiques / Lumière de bougie
47
Claymorphism
クレイモーフィズム / 2020s / Style / Styles d'interface
Rend les composants numériques doux et ludiques grâce à un volume arrondi, proche de l’argile.
Formes gonflées / Rehauts intérieurs / Ombres douces / Pastels
48
Gradient Mesh
グラデーション・メッシュ / digital–contemporary / Technique / Techniques picturales
Fond en douceur plusieurs foyers de couleur, donnant à un plan plat la profondeur de la lumière et de l’atmosphère.
Dégradés multipoints / Lumière qui déborde / Grands champs de couleur / Profondeur douce
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 photographie utilisable légalement n’existe, l’entrée montre à la place une interprétation générée par IA. Elle est toujours signalée comme telle, n’entre jamais dans la galerie de référence, dans l’image de partage ni dans les données lisibles par machine, et elle est remplacée dès qu’une œuvre réelle est trouvée. 21 entrées sur 579 en portent une 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.