Termes associés
Le vocabulaire utile qui ne passe pas le seuil d’un style autonome reste ici avec la raison exacte, sans être compté comme style.
Responsive Web Design
レスポンシブ・ウェブデザイン / Méthode
A method for recomposing one document through fluid grids, flexible images and media queries instead of building a separate page for every screen. Ethan Marcotte named it in 2010, shifting the web away from fixed-width layouts.
- Pourquoi ce n’est pas un style
- A method for adapting one document to different widths; it does not determine a recognisable appearance.
- Source
- A List Apart — Responsive Web Design (Ethan Marcotte)
- Styles proches
- Swiss / Bento Grid
Dark Mode
ダークモード / Mode
A system appearance that adapts the entire interface to low-light conditions. More than inversion, it redesigns background levels, semantic color, imagery, transparency and contrast for a dark ground.
- Pourquoi ce n’est pas un style
- A color mode that can be applied to almost any visual language, not a visual language of its own.
- Source
- Apple Human Interface Guidelines — Dark Mode
- Styles proches
- Aqua / Solarized
VA.gov Design System
VA.govデザインシステム / Système
A public-service system for U.S. veterans that turns complex benefits and health tasks into explicit steps, dependable forms and reusable content patterns.
- Pourquoi ce n’est pas un style
- A service-specific public design system whose visible grammar does not separate cleanly enough from USWDS to stand as another style.
- Source
- VA.gov Design System
- Styles proches
- U.S. Web Design System / GOV.UK Design System
Base Web
Uber Base Web / Système
Uber's Base Web provides dense, predictable interface primitives whose scale, overrides and accessibility support products from booking flows to internal tools.
- Pourquoi ce n’est pas un style
- A component foundation designed to accept product themes; its default surface is not a distinct visual lineage.
- Source
- Base Web — React UI framework
- Styles proches
- GitHub Primer / Ant Design
Microsoft FAST
Microsoft FAST / Système
Microsoft FAST separates standard Web Components, behavioral foundations and design tokens so organizations can build a system rather than inherit a fixed appearance.
- Pourquoi ce n’est pas un style
- A foundation for building design systems that explicitly avoids fixing one appearance.
- Source
- Microsoft FAST — Creating a Component Library
- Styles proches
- Fluent 2 / design-tokens
Atomic Design
アトミックデザイン / Méthode
A method for seeing interfaces at five scales—atoms, molecules, organisms, templates and pages—and moving between components and finished contexts as one system.
- Pourquoi ce n’est pas un style
- A method for organizing components by scale; many unrelated styles can use it.
- Source
- Brad Frost — Atomic Design Methodology
- Styles proches
- design-tokens / Material Design
Design Tokens
デザイントークン / Méthode
Design tokens give human-readable names to decisions such as color, spacing, type and motion so their meaning can travel across tools and platforms.
- Pourquoi ce n’est pas un style
- A naming and data-exchange method for design decisions, not a visible result.
- Source
- Design Tokens Community Group
- Styles proches
- atomic-design / Adobe Spectrum
Progressive Enhancement
プログレッシブ・エンハンスメント / Méthode
A web philosophy that delivers content and essential actions in HTML first, then adds CSS and JavaScript capabilities in independent layers.
- Pourquoi ce n’est pas un style
- An implementation strategy for resilient delivery whose result may take any appearance.
- Source
- A List Apart — Understanding Progressive Enhancement
- Styles proches
- Web 1.0 / responsive-web-design
Mobile First
モバイルファースト / Méthode
A method that decides content and function under the constraints of small screens, limited networks and touch, then progressively expands into more capable layouts.
- Pourquoi ce n’est pas un style
- A prioritization and workflow principle rather than a repeatable visual grammar.
- Source
- Luke Wroblewski — Mobile First
- Styles proches
- responsive-web-design / Material Design
Inclusive Design
インクルーシブデザイン / Méthode
Inclusive design treats disability as a mismatch between people and environments and designs with excluded people to widen the available ways of using a product.
- Pourquoi ce n’est pas un style
- A participatory design process and ethical principle, compatible with many visual languages.
- Source
- Microsoft Inclusive Design
- Styles proches
- universal-design / GOV.UK Design System
Universal Design
ユニバーサルデザイン / Méthode
Universal design aims for products and environments usable by as many people as possible without requiring a separate adaptation, guided by seven principles.
- Pourquoi ce n’est pas un style
- A set of usability principles that does not by itself produce one identifiable look.
- Source
- NC State Center for Universal Design — The Principles of Universal Design
- Styles proches
- inclusive-design / Braille
Calm Technology
カーム・テクノロジー / Théorie
Calm technology keeps information at the periphery until it needs attention, using subtle changes of light, sound, movement or environment rather than constant interruption.
- Pourquoi ce n’est pas un style
- An attention and interaction philosophy; its cues concern behavior more than a stable appearance.
- Source
- Mark Weiser and John Seely Brown — Designing Calm Technology
- Styles proches
- Minimalism / Skeleton Screen
Content Design
コンテンツデザイン / Méthode
Content design starts from a user need and chooses the clearest structure, words and format to help someone complete it—not merely polishing copy at the end.
- Pourquoi ce n’est pas un style
- A way of structuring language around user needs, not a visual style.
- Source
- GOV.UK — Understand content design
- Styles proches
- GOV.UK Design System / Single-Serving Site
Command Palette
コマンドパレット / Motif d’interface
A searchable command surface that lets keyboard users invoke navigation and actions by name without traversing the visible menu hierarchy.
- Pourquoi ce n’est pas un style
- A reusable interface pattern that can be rendered in any product style.
- Source
- Visual Studio Code — Command Palette
- Styles proches
- Acme / Terminal UI
Feed Interface
フィード・インターフェース / Motif d’interface
A vertically continuous interface of independent posts or articles ordered by time or recommendation, with loading and position handled as part of navigation.
- Pourquoi ce n’est pas un style
- A content-delivery pattern defined by sequence and loading, not by a distinct look.
- Source
- W3C WAI-ARIA APG — Feed Pattern
- Styles proches
- Skeleton Screen / Web 2.0 Gloss
Card UI
カードUI / Motif d’interface
A card groups image, title, summary, status and action into a self-contained unit that can be reordered across widths without losing its meaning.
- Pourquoi ce n’est pas un style
- A generic grouping pattern shared by otherwise unrelated visual systems.
- Source
- Google Material Design 3 — Cards
- Styles proches
- Bento Grid / Material Design
Masonry Layout
メイソンリー・レイアウト / Motif d’interface
Masonry holds a consistent column width while packing items of different heights upward, preserving varied image ratios and reducing vertical gaps.
- Pourquoi ce n’est pas un style
- A packing algorithm and layout pattern, not an independent style lineage.
- Source
- W3C CSS Grid Layout Module Level 3 — Masonry Layout
- Styles proches
- Bento Grid / responsive-web-design
Voice User Interface
音声ユーザーインターフェース / Motif d’interface
A voice interface maps varied utterances to intents and slots, completing tasks through short responses, clarification and graceful recovery rather than a visible menu hierarchy.
- Pourquoi ce n’est pas un style
- An interaction modality whose central grammar is spoken rather than visual.
- Source
- Amazon Alexa — Fundamentals of Voice Experience Design
- Styles proches
- Diegetic UI / visionOS Spatial Design
Conversational UI
会話型UI / Motif d’interface
Conversational UI arranges questions, answers, choices, confirmation and repair as a sequence of turns in text, voice or both.
- Pourquoi ce n’est pas un style
- A turn-taking interaction pattern that can inherit any visual language.
- Source
- Google — Conversation Design Quick Reference
- Styles proches
- voice-ui / Terminal UI
Metamodernism
メタモダニズム / Théorie
A contemporary sensibility that oscillates between modern hope and postmodern doubt, sincerity and irony, futurity and nostalgia without resolving the contradiction.
- Pourquoi ce n’est pas un style
- A broad cultural theory of oscillation with no stable set of visual cues that reliably identifies a work.
- Source
- Notes on Metamodernism
- Styles proches
- Post-Modernism / The New Aesthetic
Assemblage
アッサンブラージュ / Méthode
A method joining found objects, discarded material, photographs, cloth, wood, and metal into three-dimensional relations. Selection matters, but the result can take Surrealist, Pop, folk, or political styles, so the method is not one appearance.
- Pourquoi ce n’est pas un style
- Joining found and made objects is a construction method used by many unrelated visual languages, not one appearance.
- Source
- MoMA — Assemblage
- Styles proches
- Dada / Neo-Dada
Critical Design
クリティカル・デザイン / Méthode
A design practice making possible institutions, technologies, consumption, or bodies tangible so the object or scenario questions present values. Its appearance changes with the subject; the common structure is critical framing, not a fixed look.
- Pourquoi ce n’est pas un style
- Its identity lies in critical framing and the question a scenario asks; the visible form changes with each subject.
- Source
- MoMA — Critical Design
- Styles proches
- Conceptual Art / institutional-critique
Feminist Art
フェミニスト・アート / Théorie
Practices challenging gender roles, bodies, labor, representation, and institutional inequality across painting, photography, video, textile, performance, publishing, and education. They share questions and production relations, not one color, material, or composition.
- Pourquoi ce n’est pas un style
- A vital field of political positions and practices across many media, but not one reproducible visual grammar.
- Source
- MoMA — Feminist Art
- Styles proches
- Conceptual Art / Riot Grrrl Zine
Institutional Critique
制度批判 / Méthode
A practice investigating museums, companies, funding, collection, security, architecture, and labels as systems that produce value. Its visible forms vary from document and tour to photograph, empty room, and intervention.
- Pourquoi ce n’est pas un style
- It is defined by investigating and exposing institutional systems, while its result may be a document, tour, installation or intervention.
- Source
- MoMA — Institutional Critique
- Styles proches
- Conceptual Art / critical-design
Participatory Art
参加型アート / Méthode
A practice completed through visitors touching, moving, deciding, speaking, or co-making rather than remaining spectators. Sculpture, meal, map, game, and web work may all qualify; the shared design is permission and transformation, not appearance.
- Pourquoi ce n’est pas un style
- A participation structure can be applied to sculpture, meals, maps, games or software and therefore does not fix one look.
- Source
- MoMA — Participatory Art
- Styles proches
- Neo-Concrete Art / relational-aesthetics
Relational Aesthetics
関係性の美学 / Théorie
A 1990s theory and practice placing temporary relations—eating, talking, exchanging, waiting—at the center rather than object form. Galleries become cafés, meetings, services, or conversations; the social situation defines the work more than its appearance.
- Pourquoi ce n’est pas un style
- The term centers temporary social relations rather than a stable formal language, so its visual results vary by situation.
- Source
- MoMA — Relational Aesthetics
- Styles proches
- participatory-art / Conceptual Art