Design-Systeme im Screendesign – Von Komponenten zu konsistenten Produkten
Mehr lesen
Wireframing und Prototyping – Ideen schnell visualisieren und validieren
Mehr lesenHäufige Fragen zum Screendesign
Was ist der Unterschied zwischen Screendesign und UX Design?
Screendesign ist die visuelle Disziplin: Farben, Typografie, Komponenten, visuelle Hierarchie. UX Design umfasst den gesamten Nutzungsprozess: Research, Informationsarchitektur, Flows und Usability. In der Praxis überschneiden sie sich stark — gute Screen-Designer verstehen UX-Grundlagen und umgekehrt.
Wann brauche ich ein Design-System?
Sobald mehrere Personen an einer Oberfläche arbeiten oder Konsistenz über mehrere Seiten/Produkte gefordert ist. Design-Systeme bestehen aus Tokens (Farben, Abstände), Komponenten und Dokumentation. Der Aufbau kostet Zeit, spart sie aber langfristig erheblich.
Welche Tools nutze ich für Wireframing und Prototyping?
Figma ist der Industriestandard — Wireframing, High-Fidelity und Prototyping in einem Tool. Für schnelle Lo-Fi-Wireframes reichen auch Balsamiq oder Whimsical. Für interaktive Prototypen bieten Figma und Framer die meisten Möglichkeiten ohne Code.
Wie viele Breakpoints brauche ich im Responsive Design?
Typisch sind drei: Mobile (~375px), Tablet (~768px) und Desktop (~1280px). Wichtiger als feste Breakpoints ist es, Layout-Entscheidungen am Content orientieren. Designs sollten an jedem Punkt der Skalierung funktionieren — nicht nur exakt an den definierten Breakpoints.