Die Integration von Justinmind in Photoshop

Justinmind ist in den Foto- und Grafikeditor Photoshop integriert. Dank dieser Integration können Sie aus Ihren Photoshop-Dateien voll funktionsfähige und interaktive Prototypen erstellen und diese in Justinmind anpassen.

Laden Sie das Justinmind-Plugin für Photoshop herunter und folgen Sie den nachstehenden Schritten, um loszulegen.

Einrichten des Justinmind-Plugins für Photoshop

Laden Sie das Plugin für Photoshop herunter.
Entpacken Sie die Datei, um einen Ordner zu öffnen.
Navigieren Sie in Photoshop bei geöffneter Datei, die Sie exportieren möchten, zum Menü Datei, dann zu Skripte und klicken Sie auf Durchsuchen. Wählen Sie im Dateibrowser den Ordner aus der .zip-Datei, wählen Sie die darin enthaltene .jsx-Datei und klicken Sie auf „Öffnen“. Es erscheint ein weiteres Dialogfeld, in dem Sie das gewünschte Ausgabeziel für die erzeugte Datei auswählen können. Sie sehen dann den Exportvorgang in einem Dialogfeld, das verschwindet, sobald der Exportvorgang abgeschlossen ist. Zum Schluss wird eine Justinmind-kompatible .vp-Datei erzeugt.

Die generierte .vp-Datei wandelt alle Ebenen aus Ihrer Photoshop-Datei in einzelne Elemente und Komponenten in Justinmind um. Der gesamte Text aus Ihrem Photoshop-Design wird in Justinmind als bearbeitbarer Text beibehalten. Alle anderen Elemente werden in .png-Bilder umgewandelt.

Wie Sie mit Ihrer Photoshop-Datei in Justinmind arbeiten

Öffnen Sie die .vp-Datei in Justinmind und beginnen Sie mit der Arbeit.

Sie sehen alle Ebenen aus Ihrer Datei in der Konturenpalette und auf der Leinwand. Klicken Sie auf ein Element und sehen Sie sich in der Eigenschaften-Palette die verschiedenen Möglichkeiten an, mit denen Sie Ihr Design weiter anpassen können.

Sie können nun damit beginnen, Ihrem Prototyp Funktionen hinzuzufügen, z. B. Links zu anderen Bildschirmen. Erfahren Sie mehr darüber, wie Sie mit Ihrem neuen Justinmind-Prototypen loslegen können.

Hinweis: Das Plugin erzeugt einen Prototyp für ein Web-Gerät. Wenn Sie mit einem anderen Gerätetyp arbeiten möchten, müssen Sie diesen manuell in Justinmind ändern. Sie können den Gerätetyp ändern, indem Sie den Basisbildschirm in der Gliederungspalette auswählen und dann in der Eigenschaftenpalette unter Allgemein ein anderes Gerät aus dem Dropdown-Menü wählen.

Andere Möglichkeiten, mit Ihrer Photoshop-Datei zu arbeiten

Öffnen Sie Justinmind und wählen Sie in dem erscheinenden Dialogfeld die Option, von einer anderen .vp-Datei zu starten. Wählen Sie die .vp-Datei, die mit dem Plugin erstellt wurde.
Importieren Sie die .vp-Datei in einen anderen Prototyp. Öffnen Sie dazu die .vp-Datei, in die Sie importieren möchten, und wählen Sie im Menü Datei die Option Importieren und dann Prototyp aus. Wählen Sie die generierte .vp-Datei zum Importieren aus und verwerfen Sie alle unerwünschten Teile des Prototyps, die generiert wurden, wie z.B. Szenarien und Vorlagen. Klicken Sie auf „OK“, um den Import abzuschließen.