Mockup
Design Mockup
A high-fidelity static representation of a design showing visual details like colors, typography, and imagery.
기술 세부사항
Mockup is a foundational concept in visual design theory. It influences how users perceive and interact with interfaces, affecting readability, hierarchy, and aesthetic appeal. The design principles behind mockup are codified in systems like Material Design 3, Apple's Human Interface Guidelines, and the W3C's Web Content Accessibility Guidelines. Implementing mockup correctly requires balancing aesthetic intent with accessibility requirements and cross-platform consistency.
예시
```css
/* Mockup: design specification example */
.component {
font-family: Inter, system-ui, sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #1a1a1a;
padding: 1rem 1.5rem;
}
```