So strukturieren Sie Ihre Photoshop-Dateien

Autor: Randy Alexander
Erstelldatum: 28 April 2021
Aktualisierungsdatum: 16 Kann 2024
Anonim
Komplette Bildbearbeitung in Photoshop erklärt (deutsch/german)
Video: Komplette Bildbearbeitung in Photoshop erklärt (deutsch/german)

Inhalt

Als kreativer Entwickler werde ich oft gefragt, was ich am liebsten von meinen Designern erhalten möchte. Persönlich bevorzuge ich es, eine überlagerte Datei mit Modellen anstelle von vorgeschnittenen Bildern zu erhalten. Dies ist eine persönliche Entscheidung, und ich verstehe, dass dies nicht für jeden das bevorzugte Format ist. Tatsächlich scheint es in der Branche eine ziemliche Debatte darüber zu geben, wie man am besten kreativ wird.

Unabhängig von Ihrer persönlichen Entscheidung ist es für Designer jedoch unerlässlich, saubere Dateien zu erstellen und bereitzustellen. Zu oft wurde mir eine Datei übergeben, die der folgenden ähnelt.

Es dauert nur einen Moment, um festzustellen, wie schlecht diese Datei aufgebaut und unorganisiert ist. Die Namenskonvention und Gruppierung ist nicht vorhanden.

Zeichen der Faulheit

Es ist, als ob mein Designer eine enge Beziehung zu seinen Schlüssel zum Kopieren und Einfügen hatte. Die Verwendung von Standardnamen wie Gruppe 1, Gruppe 2 und Form 5 ist nicht akzeptabel. Das Verlassen nicht mehr benötigter Elemente, beispielsweise leerer Gruppen, ist nur ein Zeichen dafür, dass Sie faul sind.


Natürlich können wir unter diesen Bedingungen arbeiten, aber warum sollten Sie das wollen? Mit ein paar einfachen Änderungen können Designer eine unordentliche Datei in etwas verwandeln, in dem jeder leicht navigieren kann.

Auch wenn Sie nicht beabsichtigen, Ihre Arbeit mit anderen zu teilen, sollten Sie zu einem späteren Zeitpunkt zu einer Ihrer Dateien zurückkehren. Stellen Sie sich vor, wie viel Verwirrung Sie vermeiden können, wenn Sie einige Grundregeln befolgen.

Wie man es richtig macht

Beginnen wir mit der Gruppierung. Wenn Ihr Design mit einer einfachen Kopf- und Fußzeile sowie einigen Inhalts- und Navigationsabschnitten versehen ist, sollten Ihre Gruppen (und ihre Namen) miteinander übereinstimmen.

Schauen Sie sich das folgende Beispiel an. Sie können sehen, dass unser Designer die Dinge anhand des Gesamtdesigns aufschlüsselt. Er gibt jeder Gruppe einen aussagekräftigen Namen und hält die Dinge zusammen.


Auf diese Weise erstellt er eine strukturierte und organisierte Datei, mit deren Hilfe die Schlüsselkomponenten jedes Abschnitts oder jeder Gruppe identifiziert werden können. Es dauert nur einen Moment, aber es hat das Potenzial, Tonnen von Zeit zu sparen.

Regeln der Namensgebung

Ein weiterer oft übersehener, aber leistungsfähiger Aspekt der Ebenenkonstruktion sind Namenskonventionen.

Namenskonventionen können einen langen Weg gehen. Ein paar Minuten Zeit helfen dabei, eine unglaublich einfach zu navigierende Datei zu erstellen. Denken Sie daran, dass bei der Erstellung von Namen einfach oft besser ist.

Benennen Sie Ihre Ebenen einheitlich und präzise. Wenn Sie eine Ebene hinzufügen, die sich auf Ihre Ebenenschräge bezieht, benennen Sie sie so. Wenn Sie ein Element haben, das für die Plattform mit der unteren Registerkarte verwendet wird, können Sie es auch als solches bezeichnen. Halte es einfach!

Farbcodieren Sie Ihre Ebenen

Ein letzter Punkt, den ich erwähnen möchte, ist die Möglichkeit, Ihre Ebenen farblich zu kennzeichnen. Dies scheint zwar kein großer Vorteil zu sein - und zugegebenermaßen erfordern einige Projekte diese Organisationsebene nicht -, aber die Farbcodierung kann eine nützliche Rolle spielen.


Im folgenden Beispiel hat mein Designer vier verschiedene Farben verwendet, um die verschiedenen Elemente in dieser Datei zu identifizieren.

Als ich dies für unser Projekt in Scheiben geschnitten habe, konnte ich dank der Farbcodierung schnell die Verbindungen zwischen den Gruppen und ihren Inhalten erkennen.

Bei diesem speziellen Projekt hatten die Farben selbst eine Bedeutung und standen in direktem Zusammenhang mit dem Design. Manchmal ist dies nicht immer der Fall, aber in beiden Fällen ist die Farbcodierung eine großartige Möglichkeit, wichtige Objekte hervorzuheben.

Struktur und Organisation

Wie Sie sehen, können Sie eine Reihe von Maßnahmen ergreifen, um Ihre Dateien für Ihre Entwickler und andere Designer besser lesbar zu machen.

Berücksichtigen Sie die Zeit, die Sie für die Entwicklung Ihres Designs aufwenden. Nehmen Sie sich jetzt einen Moment Zeit, um Ihre Ebenen zu strukturieren und zu organisieren.

Ihr Entwickler (und andere Designer in Ihrem Team) werden Sie dafür lieben. Und seien wir ehrlich, tief im Inneren wollen wir alle geliebt werden ...

Worte: Tammy Coron

Tammy Coron ist ein iOS-Entwickler, Backend-Entwickler, Webentwickler, Autor und Illustrator. Sie bloggt bei Just Write Code.

So was? Lese das!

  • 101 Tipps, Tricks und Korrekturen für Photoshop, die Sie heute ausprobieren sollten
  • Die besten kostenlosen Web-Schriftarten für Designer
  • Erstaunliche Beispiele für experimentelles Design

Haben Sie Probleme damit, wie Kollegen ihre Arbeit organisieren? Teilen Sie Ihre Gedanken mit der Community in den Kommentaren unten!

Beliebt Auf Dem Portal
6 neue Startlogos für 2016
Weiterlesen

6 neue Startlogos für 2016

Die mei te Zeit, wenn ie von "neuen" Logo hören, handelt e ich tat ächlich um Iterationen früherer De ign . Oft beinhaltet die eine gewi e Vereinfachung, eine gewi e Abflachun...
3 Top-Tools zum Erstellen einer reaktionsschnellen Website
Weiterlesen

3 Top-Tools zum Erstellen einer reaktionsschnellen Website

Eine mobilfreundliche Web ite i t ein Mu für ein moderne Online-Ge chäft. Wenn Ihre glänzende neue Web ite nicht reagiert, werden ie die en Kampf um Be ucher, Verkehr und Erfolg definit...
Die besten günstigen iMac Angebote und Verkäufe im Mai 2021
Weiterlesen

Die besten günstigen iMac Angebote und Verkäufe im Mai 2021

PRINGEN ZU: iMac 24-Zoll (M1) Angebote iMac 27-Zoll-Angebote iMac 21,5-Zoll-Angebote Welchen iMac oll ich bekommen? Vergleichen ie die iMac- pezifikationen ie können einige großartige g...