Mockup

#design/visualisierung #prototyping/statisch

Ein Mockup ist eine statische, visuell detaillierte Darstellung einer Benutzeroberfläche.

Es zeigt das finale Aussehen ohne Funktionalität und dient der Design-Kommunikation.

Important

Mockup-Eigenschaften:

  • Statisch (nicht interaktiv)
  • Pixel-genaues Design
  • Realistische Inhalte
  • Finale Farben und Schriften
Example

Mockup-Entwicklung:

Wireframes → Mockups → Prototyp → Implementierung
  ↓           ↓          ↓           ↓
Struktur   Design   Interaktion   Code

Mockup-Tools:

Success

Visualisiert Design-Entscheidungen vor der Entwicklung.