Términos auxiliares
Vocabulario útil que no supera el criterio de estilo se conserva aquí con la razón exacta y no cuenta como estilo.
Responsive Web Design
レスポンシブ・ウェブデザイン / Método
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.
- Por qué no es un estilo
- A method for adapting one document to different widths; it does not determine a recognisable appearance.
- Fuente
- A List Apart — Responsive Web Design (Ethan Marcotte)
- Estilos próximos
- Swiss / Bento Grid
Dark Mode
ダークモード / Modo
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.
- Por qué no es un estilo
- A color mode that can be applied to almost any visual language, not a visual language of its own.
- Fuente
- Apple Human Interface Guidelines — Dark Mode
- Estilos próximos
- Aqua / Solarized
VA.gov Design System
VA.govデザインシステム / Sistema
A public-service system for U.S. veterans that turns complex benefits and health tasks into explicit steps, dependable forms and reusable content patterns.
- Por qué no es un estilo
- A service-specific public design system whose visible grammar does not separate cleanly enough from USWDS to stand as another style.
- Fuente
- VA.gov Design System
- Estilos próximos
- U.S. Web Design System / GOV.UK Design System
Base Web
Uber Base Web / Sistema
Uber's Base Web provides dense, predictable interface primitives whose scale, overrides and accessibility support products from booking flows to internal tools.
- Por qué no es un estilo
- A component foundation designed to accept product themes; its default surface is not a distinct visual lineage.
- Fuente
- Base Web — React UI framework
- Estilos próximos
- GitHub Primer / Ant Design
Microsoft FAST
Microsoft FAST / Sistema
Microsoft FAST separates standard Web Components, behavioral foundations and design tokens so organizations can build a system rather than inherit a fixed appearance.
- Por qué no es un estilo
- A foundation for building design systems that explicitly avoids fixing one appearance.
- Fuente
- Microsoft FAST — Creating a Component Library
- Estilos próximos
- Fluent 2 / design-tokens
Atomic Design
アトミックデザイン / Método
A method for seeing interfaces at five scales—atoms, molecules, organisms, templates and pages—and moving between components and finished contexts as one system.
- Por qué no es un estilo
- A method for organizing components by scale; many unrelated styles can use it.
- Fuente
- Brad Frost — Atomic Design Methodology
- Estilos próximos
- design-tokens / Material Design
Design Tokens
デザイントークン / Método
Design tokens give human-readable names to decisions such as color, spacing, type and motion so their meaning can travel across tools and platforms.
- Por qué no es un estilo
- A naming and data-exchange method for design decisions, not a visible result.
- Fuente
- Design Tokens Community Group
- Estilos próximos
- atomic-design / Adobe Spectrum
Progressive Enhancement
プログレッシブ・エンハンスメント / Método
A web philosophy that delivers content and essential actions in HTML first, then adds CSS and JavaScript capabilities in independent layers.
- Por qué no es un estilo
- An implementation strategy for resilient delivery whose result may take any appearance.
- Fuente
- A List Apart — Understanding Progressive Enhancement
- Estilos próximos
- Web 1.0 / responsive-web-design
Mobile First
モバイルファースト / Método
A method that decides content and function under the constraints of small screens, limited networks and touch, then progressively expands into more capable layouts.
- Por qué no es un estilo
- A prioritization and workflow principle rather than a repeatable visual grammar.
- Fuente
- Luke Wroblewski — Mobile First
- Estilos próximos
- responsive-web-design / Material Design
Inclusive Design
インクルーシブデザイン / Método
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.
- Por qué no es un estilo
- A participatory design process and ethical principle, compatible with many visual languages.
- Fuente
- Microsoft Inclusive Design
- Estilos próximos
- universal-design / GOV.UK Design System
Universal Design
ユニバーサルデザイン / Método
Universal design aims for products and environments usable by as many people as possible without requiring a separate adaptation, guided by seven principles.
- Por qué no es un estilo
- A set of usability principles that does not by itself produce one identifiable look.
- Fuente
- NC State Center for Universal Design — The Principles of Universal Design
- Estilos próximos
- inclusive-design / Braille
Calm Technology
カーム・テクノロジー / Teoría
Calm technology keeps information at the periphery until it needs attention, using subtle changes of light, sound, movement or environment rather than constant interruption.
- Por qué no es un estilo
- An attention and interaction philosophy; its cues concern behavior more than a stable appearance.
- Fuente
- Mark Weiser and John Seely Brown — Designing Calm Technology
- Estilos próximos
- Minimalism / Skeleton Screen
Content Design
コンテンツデザイン / Método
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.
- Por qué no es un estilo
- A way of structuring language around user needs, not a visual style.
- Fuente
- GOV.UK — Understand content design
- Estilos próximos
- GOV.UK Design System / Single-Serving Site
Command Palette
コマンドパレット / Patrón de interfaz
A searchable command surface that lets keyboard users invoke navigation and actions by name without traversing the visible menu hierarchy.
- Por qué no es un estilo
- A reusable interface pattern that can be rendered in any product style.
- Fuente
- Visual Studio Code — Command Palette
- Estilos próximos
- Acme / Terminal UI
Feed Interface
フィード・インターフェース / Patrón de interfaz
A vertically continuous interface of independent posts or articles ordered by time or recommendation, with loading and position handled as part of navigation.
- Por qué no es un estilo
- A content-delivery pattern defined by sequence and loading, not by a distinct look.
- Fuente
- W3C WAI-ARIA APG — Feed Pattern
- Estilos próximos
- Skeleton Screen / Web 2.0 Gloss
Card UI
カードUI / Patrón de interfaz
A card groups image, title, summary, status and action into a self-contained unit that can be reordered across widths without losing its meaning.
- Por qué no es un estilo
- A generic grouping pattern shared by otherwise unrelated visual systems.
- Fuente
- Google Material Design 3 — Cards
- Estilos próximos
- Bento Grid / Material Design
Masonry Layout
メイソンリー・レイアウト / Patrón de interfaz
Masonry holds a consistent column width while packing items of different heights upward, preserving varied image ratios and reducing vertical gaps.
- Por qué no es un estilo
- A packing algorithm and layout pattern, not an independent style lineage.
- Fuente
- W3C CSS Grid Layout Module Level 3 — Masonry Layout
- Estilos próximos
- Bento Grid / responsive-web-design
Voice User Interface
音声ユーザーインターフェース / Patrón de interfaz
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.
- Por qué no es un estilo
- An interaction modality whose central grammar is spoken rather than visual.
- Fuente
- Amazon Alexa — Fundamentals of Voice Experience Design
- Estilos próximos
- Diegetic UI / visionOS Spatial Design
Conversational UI
会話型UI / Patrón de interfaz
Conversational UI arranges questions, answers, choices, confirmation and repair as a sequence of turns in text, voice or both.
- Por qué no es un estilo
- A turn-taking interaction pattern that can inherit any visual language.
- Fuente
- Google — Conversation Design Quick Reference
- Estilos próximos
- voice-ui / Terminal UI
Metamodernism
メタモダニズム / Teoría
A contemporary sensibility that oscillates between modern hope and postmodern doubt, sincerity and irony, futurity and nostalgia without resolving the contradiction.
- Por qué no es un estilo
- A broad cultural theory of oscillation with no stable set of visual cues that reliably identifies a work.
- Fuente
- Notes on Metamodernism
- Estilos próximos
- Post-Modernism / The New Aesthetic