Photoshop-Dateien vorbereiten für Web-Entwickler
8. April 2010 | 
Autor: Quelle >> NOUPE übersetzt mit Bing
Ob Sie eine freiberufliche Webdesigner oder ein Teil eines Teams an eine Agentur übergeben von Photoshop-Dateien an einem Client, ist Entwickler, Entwicklungsteam oder sogar einen anderen Designer Teil des Prozesses der Aufbau von Websites.
Während des Entwicklungsprozesses im Allgemeinen mehr, im Gegensatz dazu strukturiert ist, ist der Design-Prozess oft spontanen und voller experimentieren. Dies kann zu einem Host der nicht verwendete und unbenannte Ebenen führen, die als Teil des endgültigen zugelassenen Entwurfs enden nicht. Für Entwickler kann das Sichten durch eine Quagmire der unbenannte Ebenen (Ebene 1, Ebene 1 Kopie, etc.) verwirrend und zeitaufwändig sein.
Designer können Ihre Kollegen oder Kunden vor der Design-Hand-off helfen, indem Sie 10 bis 15 Minuten zur Vorbereitung von Dateien in einer konsistenten und organisierte Weise, die möglicherweise speichern Entwickler Stunden der Produktion Zeit können. Als zusätzlichen Bonus hat eine organisierte Photoshop-Datei wird Designer Zeitersparnis durch Minimierung der Entwicklung Fragen nach der Datei aus für die Codierung übergeben worden.
Zunächst und vor allem, Erstellen Sie eine Kopie der Photoshop-Datei, die den zugelassenen Entwurf enthält und den Namen der Datei das Suffix - prod hinzu. Nur auf diese Weise können eine Produktion-Datei sofort erkennen und wissen, dass dieser Dateityp für Entwicklung ist benutzen und nicht für weitere design Weiterentwicklungen.
Hilfslinien und layout
Ordnungsgemäß ausgerichtet, und entfernen Sie alle unnötigen Hilfslinien im Dokument. Halten Sie Leitfäden für ein Minimum und nur Abschnitt aus den wichtigsten Regionen des Layouts, indem Gliederung Blöcke der Seite Content, wie z. B. die Impressum, die Content-Bereich, die Sidebar und die Fußzeile so, dass der Entwickler welche grundlegende Struktur versteht die Seite folgen sollten. Die Anzahl der Ratgeber auf ein Minimum halten auch ermöglicht es dem Entwickler, dann Hilfslinien hinzufügen ggf. diese Beihilfen in visuell Layout Details in den Code z. B. verschachtelte div-Tags und Navigationsmenüs zuordnen.
Alles Lesen >>>>
Veröffentlicht in Grafikdesign, Print, Web und alles andere
