보조 용어
검색할 가치는 있지만 독립 양식 기준을 통과하지 못한 용어를 정확한 이유와 함께 남깁니다. 양식 수에는 포함하지 않습니다.
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
コマンドパレット / UI 패턴
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
フィード・インターフェース / UI 패턴
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 / 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
メイソンリー・レイアウト / UI 패턴
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
音声ユーザーインターフェース / UI 패턴
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 / 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