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