🍋
Menu
Design

Prototype

Interactive Prototype

A functional model of a design with clickable interactions, used to test usability before development begins.

技术细节

Prototype 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 prototype are codified in systems like Material Design 3, Apple's Human Interface Guidelines, and the W3C's Web Content Accessibility Guidelines. Implementing prototype correctly requires balancing aesthetic intent with accessibility requirements and cross-platform consistency.

示例

```css
/* Prototype: design specification example */
.component {
  font-family: Inter, system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #1a1a1a;
  padding: 1rem 1.5rem;
}
```

相关工具

相关术语