Skizze zu UI

Fotografiere deine Skizze, lade sie hoch, bekomm einen echten Screen.

Schritte#

1. Fotografiere die Skizze frontal, bei gleichmäßigem Licht, mit der ganzen Zeichnung im Bild.
2. Lade sie im Prompt-Feld hoch.
3. Ergänze den Kontext, den die Zeichnung nicht transportieren kann: was das Produkt ist, was die Kästen bedeuten, die visuelle Richtung.

Eine Skizze unseres Onboarding-Screens. Der große Kasten oben links ist ein Video, die drei gestapelten Kästen sind Einrichtungsschritte mit Häkchen. Moderner SaaS-Look, violetter Akzent.

Damit Skizzen gut gelesen werden#

• Beschrifte deine Kästen. „Hero“, „Nav“, „Diagramm“ — geschriebene Beschriftungen werden gelesen und genutzt.
• Zeichne die Hierarchie. Größere Kästen werden zu größeren Elementen.
• Vermeide starke Schattierungen. Strichzeichnungen werden zuverlässiger gelesen als schattierte.
• Ein Screen pro Foto, außer du übergibst bewusst einen Flow.

Skizze zu Wireframe statt UI#

Wenn du in niedriger Detailtiefe bleiben willst — die Skizze aufräumen, ohne dich auf einen visuellen Stil festzulegen — frag ein Wireframe an. Siehe Wireframe-Modus.