Share
Wenn Sie für iOS-Geräte entwerfen, kann das ständige Übertragen von Screenshots auf das Gerät umständlich sein. Rufen Sie die Skala-Vorschau auf, eine äußerst benutzerfreundliche Anwendung zum Senden Ihrer Designs an mobile Geräte. In diesem Lernprogramm beginnen wir mit Skala Preview, einer App zum Senden von Screenshots von Photoshop an Ihr iOS-Gerät.
Das Design für iOS unterscheidet sich grundlegend vom Design für Computer. Wenn Sie für diese Geräte entwerfen, ist es wichtig, Ihre Designs auf mobilen Geräten zu testen, um sicherzustellen, dass die Benutzer die Benutzeroberfläche für einfach zu bedienen finden. Meine bisherige Methode zum Ausprobieren bestand darin, Bilder in Dropbox zu speichern und sie dann in die iPhone-App zu laden. Obwohl dies großartig funktionierte, waren zu viele Schritte erforderlich und kein effizienter Workflow.
Skala-Vorschau Für Mac und iOS ist dies eine großartige Möglichkeit, diesen Prozess zu automatisieren. Durch das Einrichten der Mac- und iOS-Anwendungen können Sie Ihre Photoshop-Leinwand automatisch in Echtzeit an Ihr iOS-Gerät senden. Dies ist wirklich ein großartiger Workflow für mobile Designer, die ihre Designs auf realen Geräten visualisieren möchten.
Das Testen auf iOS-Geräten ist für alle Arten von mobilen Designs unerlässlich. Beim Design für iOS-Geräte können Sie mithilfe von Live-Tests visualisieren, wie Ihre Modelle auf realen Geräten angezeigt werden. Farben können je nach Displaytyp unterschiedlich sein, und Sie haben einen viel besseren Eindruck von der Größe der Elemente. Wenn Sie nur in Photoshop streng testen, ohne auf Geräten testen zu müssen, müssen Sie später einige Anpassungen vornehmen.
Um die Skala-Vorschau verwenden zu können, müssen Sie sowohl die Mac-Anwendung als auch die iOS-App installieren. Um die Mac-Anwendung zu installieren, rufen Sie die Website von Bjango auf, um zur App Store-Seite nach Skala Preview zu gelangen, oder suchen Sie im App Store nach.
Starten Sie nach dem Ausführen der Installation die Mac-Anwendung "Skala-Vorschau". Wenn Sie die Anwendung zum ersten Mal ausführen, werden Sie mit einem Begrüßungsbildschirm mit kurzen Anweisungen für den Start begrüßt. Fahren Sie fort und schließen Sie es, da wir die gesamte Installation in diesem Tutorial behandeln werden.
Öffnen Sie auch Photoshop. Um mit dem Einrichten von Photoshop zu beginnen, wählen Sie Bearbeiten> Remote-Verbindungen. Sie sehen ein Popup-Fenster, in dem Remote-Verbindungen möglich sind. Wählen Sie einen Namen und ein Kennwort für den Remote-Dienst und stellen Sie sicher, dass Aktivieren Sie Remote-Verbindungen Das Kästchen ist markiert und OK drücken.
Kehren Sie jetzt zur Skala-Vorschau-App auf Ihrem Mac zurück. Wählen Einstellungen> Photoshop-Einstellungenund geben Sie dieselben Details ein, die Sie zuvor in Photoshop erstellt haben. Jetzt müssen Sie nur noch die iOS-App einrichten.
Egal, ob Sie ein iPad oder iPhone besitzen, die "Skala View" -App ist dafür konzipiert, Screenshots von Ihrem Mac zu empfangen. Installieren Sie die App "Skala View" aus dem App Store und starten Sie sie.
Klicken Sie nach dem Starten der iOS-App auf das Monitorsymbol unten links und wählen Sie den Namen Ihres Mac. Vergewissern Sie sich, dass sich Ihre Geräte im selben Wi-Fi-Netzwerk befinden, und Sie sollten in der Lage sein, eine einfache Verbindung mit dem Mac herzustellen, auf dem Skala Preview ausgeführt wird.
Nachdem Sie die Verbindung des iOS-Geräts auf Ihrem Mac akzeptiert haben, sind alle Einrichtungsschritte abgeschlossen. Beachten Sie, dass auch eine iPad-App verfügbar ist, die mit der in diesem Lernprogramm verwendeten iPhone-App identisch ist.
Wenn Sie die obigen Einrichtungsschritte abgeschlossen haben, ist die Verwendung von Skala ein Kinderspiel. Die App sendet das aktuelle Design automatisch von Ihrer aktiven Photoshop-Registerkarte oder Ihrem aktiven Fenster an das iOS-Gerät. Meiner Erfahrung nach gibt es nur eine kurze Verzögerung beim Senden aktueller Screenshots an das iOS-Gerät.
Beim Öffnen der Skala-Ansicht ist das von Photoshop gesendete Bild möglicherweise zu groß, um auf Ihrem Bildschirm angezeigt zu werden. Wenn dies der Fall ist, haben Sie alle gängigen iOS-Regeln für die Foto-Navigation, wie z. B. Kneifen beim Zoomen oder Wischen, um sich in der Ansicht zu bewegen.
Am unteren Rand des Bildschirms finden Sie eine Reihe interessanter Optionen, um die Anzeige des Bildes zu ändern. Sie können die Helligkeit Ihres Bildschirms anpassen und aus einer Vielzahl von Freigabeoptionen auswählen. Durch Klicken auf den Pfeil in der Symbolleiste haben Sie außerdem die Möglichkeit, Bilder in die Kamerabibliothek zu exportieren oder per E-Mail oder Tweet zu teilen.
Durch Klicken auf das Brillensymbol können Sie die verschiedenen Arten von Farbenblindheit simulieren. Das Durchlaufen Ihrer Screenshots hilft Ihnen dabei, Ihre Benutzeroberfläche für Menschen mit Sehbehinderungen zu visualisieren. Dies ist eine hervorragende Möglichkeit, die Zugänglichkeit zu gewährleisten.
Eine alternative Option ist das einfache Ablegen von Bildern in das App-Fenster der Skala-Vorschau-App. Mit diesem Setup ist Photoshop nicht erforderlich, um Ihre mobilen Designs live auf einem iOS-Client anzuzeigen.
In diesem Lernprogramm habe ich Ihnen gezeigt, wie Sie das Senden von Photoshop-Dokumenten an iOS automatisieren können. Egal, ob Sie sich mit iOS-App-Design beschäftigen oder mobile Websites testen: Die Verwendung einer App wie Skala ist eine große Hilfe für den Design-Workflow. Durch das automatische Senden aktueller Screenshots Ihrer Entwicklung können Sie Ihr Design auf mobilen Geräten visualisieren.
Accentsconagua