Importieren Sie aktuelle UI in Sketch

Question

Ich brauche die Benutzeroberfläche für die nächste Generation meiner ASP.Net app Prototyp. Ich möchte ein Tool wie Sketch auf die Verwendung der neuen Bildschirme und Updates zu den Strömen Bildschirme zu verspotten.

Kann ich meine aktuelle UI in Sketch importieren? Gibt es eine andere Prototyping-Tool, das bestehende UIs erlaubt den Import?

Answer 1

Screenshots sind gut (das ist, wie Sketch Fluss Einfuhren Powerpoint-Präsentationen), aber ich garantiere, Ihr Publikum wird zu viel auf dem aktuellen Look konzentrieren, wenn es nicht „ Sketchy “ ist.

Ein guter Trick für bestehende Layouts ist zu Ausschneiden / Einfügen * ein Bild / screen-shot in eine Sketch Seite, dann verfolgt darüber Standard Sketch rectanges mit, Knöpfe, Stift-Werkzeug usw.

Wenn Sie fertig sind, entfernen (oder einfach ausblenden) das Referenzbild. Das Endergebnis hat das grobe Layout und Funktionalität, sondern sieht aus wie ein Prototyp.

* Tipp: Sie können ein Bild einfügen direkt aus der Zwischenablage in Expression Blend Seiten, wenn Sie eine Farbe Paket verwenden (Paint.Net ist für diesen). Die Wirkung Option Skizze Bleistift in Paint.Net (unten) hilft auch konvertieren bestehende Material in eine Sketchy Look.

Answer 2

Es gibt keine in Importbefehl gebaut, die dies tun wird. Es hängt auch von Ihren Zielen, wenn Sie nur einen Ausgangspunkt möchten, können Screenshots der nützlichsten sein. Sie könnten die Grundstruktur in Sketchflow erstellen und in Screenshots einfügen, und von dort aus starten.