Skizze zu UI
Verwandle ein Whiteboard-Foto oder einen Papier-Wireframe in eine ausgearbeitete digitale Oberfläche.
Zuletzt aktualisiert:
Fotografiere deine Skizze, lade sie hoch, bekomm einen echten Screen.
Schritte
- Fotografiere die Skizze frontal, bei gleichmäßigem Licht, mit der ganzen Zeichnung im Bild.
- Lade sie im Prompt-Feld hoch.
- 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.
War dieser Artikel hilfreich?
Verwandte Artikel
Screenshot zu UI
Lade einen Screenshot hoch und bekomm eine bearbeitbare, umstylebare Fassung dieser Oberfläche.
Wireframe-Modus
Erzeuge Wireframes in niedriger Detailtiefe, um die Struktur vor dem visuellen Design zu klären.
Text zu UI
Verwandle eine geschriebene Beschreibung in einen hochauflösenden, bearbeitbaren Screen.