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