Was ist ein PSD iPhone Layout und wie wird es verwendet?

Kunden genehmigen oder kaufen ein Design viel eher, wenn sie sich vorstellen können, wie es in der Realität aussehen wird. In einer Welt, in der schnelllebige Geschäftslösungen die Norm sind, ist es für Designer wichtiger denn je, schnell ein realistisches Layout des erstellten Designs präsentieren zu können.

In diesem kurzen Tutorial werden wir uns mit dem dreistufigen Prozess des Findens, Verstehens und Verwendens von Layoutdateien für Ihr Design befassen.



Schritt 1: Finden und laden Sie das Layout herunter!



Im Internet finden Sie fast alles, was Sie benötigen. Dies gilt auch für Geräte-Layout-Dateien. Es gibt viele kostenlose und kostenpflichtige Layouts. Wir empfehlen Ihnen, beide Optionen zu aktivieren, um selbst zu entscheiden, welches für Ihre Anforderungen am besten geeignet ist.

Wenn Sie gefunden haben, wonach Sie suchen, laden Sie die Datei herunter. Die meisten Layoutdateien enthalten einen Ordner, der normalerweise Sätze der folgenden Dateien enthält: .psd, .jpg und .txt oder .pdf. Lassen Sie uns den Zweck jedes einzelnen von ihnen analysieren:

Die .psd- Datei ist die Quelldatei, in der Sie arbeiten und den Inhalt bearbeiten, um anschließend Ihr Design dort einzufügen.

Die JPG- Datei ist eine Vorschau des Layouts, um zu sehen, wie das Layout mit dem darin enthaltenen Design aussehen kann.

.Txt oder .pdf - beschreibt die Details der Datei, z. B. den Autor des Layouts, die Lizenzinformationen und deren Zusammensetzung.

Als Beispiel nehmen wir dieses iPhone X-Modell als Beispiel:



Schritt 2: Öffnen Sie die Datei und suchen Sie das Smart-Objekt darin


Wenn wir die Layoutdatei heruntergeladen und entpackt haben, ist es Zeit, sie in Adobe Photoshop zu öffnen und sich mit den Layoutebenen vertraut zu machen.

Es ist wichtig zu verstehen, wie Ebenen bearbeitet werden, da Sie die Vorlage im Layout durch Ihr eigenes Design ersetzen.

Die meisten Layouts bestehen aus mindestens drei Ebenen: der Hintergrundfarbe, dem Objekt selbst und dem Platz für das Logo. Natürlich können die Ebenen abhängig von der Anzahl der Objekte im Layout sowie davon variieren, wie einfach oder komplex das Design ist, das Sie eventuell in dieses Layout einfügen möchten.

Um ein Smart-Objekt zu bearbeiten, klicken Sie darauf. Anschließend gelangen Sie zum Bearbeitungsbildschirm.

Intelligente Objekte


Ein intelligentes Objekt ist ein Objekt, das niemals seine Qualität verliert - unabhängig davon, wie Sie die Größe ändern. Es besteht aus Vektor- oder Bitmap-Bildern, bei denen es sich um Bilddatenebenen handelt, die im Illustrator- oder Photoshop-Dateiformat erstellt wurden. Es wurde entwickelt, um Bildeigenschaften unabhängig von vorgenommenen Änderungen sicher zu speichern, daher das Wort „intelligent“.

Intelligente Objekte sind nicht gerasterte Dateien. Was bedeutet das?

Die Rasterisierung ist eine Aktion, die darauf abzielt, ein aus Punkten und Kurven bestehendes Vektorbild (Illustrator-Datei) in eine Computer- oder Druckversion mit Pixelgrafiken zu konvertieren. Einige Tools wie Radiergummi, Füllen und Filtern funktionieren nur mit gerasterten Dateien.

Intelligente Objekte werden nicht gerastert, da Sie durch den Rasterprozess ein Bild nicht mehr skalieren können, ohne an Qualität zu verlieren.

Um ein intelligentes Objekt zu finden, suchen Sie das kleine Symbol über der Ebene, das sich normalerweise in der unteren rechten Ecke befindet. Wenn Sie mit der Maus darüber fahren, zeigt der Popup-Text an, dass Sie sich auf einem intelligenten Objekt befinden.



Schritt 3: Veröffentlichen Sie Ihre Inhalte


Der letzte Schritt besteht darin, das von Ihnen erstellte Design in das Layout einzufügen.

Ziehen Sie im Bearbeitungsfenster mit dem Smart-Objekt einfach Ihr Design auf den Bildschirm, um den Inhalt des Layouts durch Ihre eigene Arbeit zu ersetzen.



Klicken Sie anschließend auf "Speichern" und kehren Sie zur ursprünglichen PSD-Datei zurück, um die Änderungen anzuzeigen.

In unserem Fall sieht die aktualisierte Datei folgendermaßen aus:



Fazit


Mithilfe von Layouts kann Ihr Kunde visualisieren, wie sein Design in der realen Welt aussehen wird. Layouts sind unglaublich einfach zu finden und zu verwenden und können die Wahrnehmung Ihres Designs durch Kunden und Benutzer erheblich beeinträchtigen.

Finden Sie die Verwendung solcher Gerätemodelle nützlich für Design und Werbung?

Source: https://habr.com/ru/post/de466525/


All Articles