Welche Materialien sollte ein Webdesigner mit Photoshop an einen Entwickler senden?


10

Ich habe hauptsächlich Web- und Desktop-Anwendungen implementiert und dies ist das erste Mal, dass ich tatsächlich mit einem Grafikdesigner an einer Website arbeite, die für den öffentlichen Gebrauch bestimmt ist. In diesem Fall verwendet der Grafikdesigner kein HTML + CSS, sondern Photoshop.

Welche Art von Material wird normalerweise als Endergebnis bereitgestellt, damit das Design tatsächlich implementiert werden kann?

Soll ich zum Beispiel mehr als nur PSD-Dateien bekommen? Wie wäre es mit verschiedenen Zuständen (wie Link Hover, aktiver Zustand usw.) oder Responsive Design? Erwarte ich zu technische Details?

Jede Hilfe geschätzt.


2
Fragen Sie nicht zu spät? Dies sind Fragen, die vor Arbeitsbeginn hätten beantwortet werden müssen.
Scott

Sie haben Recht, ich habe die Frage ein wenig betrogen, als ich den Eindruck erweckte, dass der Vertrag bereits abgeschlossen ist. Wir haben gerade eine vorläufige Diskussion darüber geführt, worum es bei der Aufgabe geht, und wir sind beide bereit, dies zu tun. Jetzt ist der Teil, in dem ich meine Anforderungen aus technischer Sicht erläutern sollte.
Tx3

Antworten:


10

In der Regel wird dem Entwickler ein Modell übergeben, damit er weiß, was er tun soll. Dies kann je nach Workflow von einer PSD-Datei bis zu einem flachen Bild variieren. Nach meiner Erfahrung Übergabe eines flachen Modells mit allen verwendeten Abmessungen, Schriftgrößen und Farben sowie dem vollständigen Satz von Slices und verwendeten Bildern. Grundsätzlich alles, was zum Abschluss des Projekts benötigt wird. Das hängt aber wirklich vom Workflow ab. Wenn die Site hauptsächlich in CSS erstellt wird, sind andere Informationen erforderlich (Verlaufswerte, Schlagschattenwerte, Voreinstellungen für das Zuschneiden von Bildern).

Schaltflächenzustände sollten immer abgedeckt sein. Je nachdem, wie sie hergestellt werden (reines CSS oder Slices), sollten Sie entweder alle Farben, Radien und Größen oder die Slices selbst angeben.

Responsive Design ist etwas anders. Das Entwerfen der Ansicht ist nur der Anfang. Der Entwickler muss auch wissen, wie sich Elemente verhalten sollen, wenn die Site allmählich "verkleinert" wird. Wie verhält sich ein Menü, wenn weniger Optionen angezeigt werden? Was in der vollständigen Webansicht nur ein Listenelement ist, kann den Bildschirm in der mobilen Ansicht dramatisch verändern. Was passiert mit allen Hover-Elementen (kann in der mobilen Ansicht nicht verwendet werden)?


4

Die Antwort von @ KMSTR ist die 80% ige Lösung. Wenn Ihr Designer jedoch ein echter Profi ist, wird er sich mit kleinen Details befassen, z. B. wann Übergangsanimationen auftreten sollen oder in welcher Reihenfolge DOM-Elemente geladen werden sollen.

Wenn Ihr Designer zu den Top 20% gehört, fragen Sie nach UX-Benutzerabläufen und Drahtmodellen oder nach einem besonders talentierten Prototyp aus After Effects oder Flash. Im Idealfall lassen sie keinen Aspekt unbestimmt.


3
"Ein in After Effects oder Flash erstellter Prototyp" = oder vorzugsweise ein in HTML, CSS und JS erstellter Prototyp.
DA01

Ich stimme zu, diese Details sollten alle angesprochen werden. Ich habe die Grundlagen aus Sicht der Designer behandelt. Für mich wurden diese Details in der Vergangenheit gemeinsam ausgearbeitet, anstatt dass ich diktiere, was passiert. Es hängt von der Arbeitsbeziehung des Entwicklers und Designers ab, aber ich persönlich arbeite gerne hin und her und versuche, Design- und Codierungsanforderungen zu kombinieren, um optimale Ergebnisse zu erzielen.
KMSTR

@KMSTR für die Aufzeichnung, ich habe Sie upvoted;)
nipponese

2

Es hängt alles davon ab, was Sie mit dem Grafikdesigner vereinbart haben.

Einige Grafikdesigner kennen nur PhotoShop und gehen verloren, wenn Sie nach etwas anderem als einer großen PSD-Datei fragen.

Einige Grafikdesigner sind mit HTML, CSS und JS bestens vertraut und können das Ganze für Sie erstellen.

Und dann ist da noch alles dazwischen.

Ich würde empfehlen, dass Sie sich zu Letzterem neigen, da ein Webdesigner, der das Medium versteht, Designs entwickeln wird, die viel vorausschauender, reaktionsschneller, browserunabhängiger und flexibler sind als Ersteres, aber Ersteres kann auch so lange funktionieren Der UI-Entwickler arbeitet eng mit dem UI-Designer zusammen.


2

Sie sollten angeben, was im Voraus erwartet wird.

Ich bin voll in der Lage, psd-Dateien, HTML / CSS-Seiten oder sogar voll dynamische jquery / php / mysql-Seiten zu liefern. Was geliefert wird, hängt davon ab, was angefordert wird.

Wenn der Entwickler nur eine PSD möchte, ist das alles, was ich liefere, und es ist ihre Aufgabe, die Seiten zu erstellen. Ich würde mir niemals die Mühe machen, Seiten zu erstellen, wenn sie nicht erwünscht sind.

Ich habe einige Kunden, die sich auf mich verlassen, um voll funktionsfähige Seiten zu erhalten, die auf vorhandenen Websites abgelegt werden können.

Ich habe einige Kunden, die einen Entwickler haben, der sich weigert, an sie gesendeten Code zu verwenden, und darauf besteht, alles selbst zu codieren, also liefere ich psd-Dateien.

Es gibt keine eindeutige Antwort auf Ihre Frage. Es geht darum, was vor Arbeitsbeginn vereinbart wird.


1

Sie möchten wirklich einen Designer, der sich mit HTML, CSS und Javascript auskennt. An dem Ort, an dem ich arbeite, sehen wir nie eine einzige Photoshop-Datei. Der Designer gibt uns eine URL für die Seite, wir kopieren über seine gesamte Benutzeroberfläche und füllen dann die Lücken aus, um die Seite dynamisch zu gestalten.

Es gibt einige Gründe, warum dies vorzuziehen ist:

1) Es gibt keine Frage darüber, was der Designer will - es gibt keine interpretierenden Zahlen oder Notizen, Sie sehen genau, wie das Endprodukt aussehen sollte, bevor Sie es überhaupt berühren. Alle CSS-Werte sind vorhanden, jede Javascript-Funktion oder Animation.

2) Es reduziert die Zeit, die Sie für die Arbeit an dieser Seite benötigen. Ja, Sie müssen es immer noch neu verkabeln und möglicherweise Berge von Arbeiten am Back-End ausführen, aber es spart Ihnen viel Zeit an der Vorderseite.

Natürlich haben Sie nicht immer die Kontrolle über die Art von Designer, mit dem Sie arbeiten. Wenn Sie jedoch nur mit Photoshop arbeiten, stellen Sie sicher, dass Sie wirklich alle Schaltflächenzustände erhalten und wissen, welche Animationen der Designer wünscht. Wenn Sie in einer solchen Umgebung arbeiten, können Sie hoffentlich einfach zu Ihrem Designer sprechen und ihn nach Bedarf um Klärung bitten.


Ich bezahle für den Designer, deshalb möchte ich, dass er sich auf Dinge konzentriert, die ich nicht tun kann, was der Designteil ist. Ich kann die Implementierung übernehmen, wenn alle erforderlichen Informationen bereitgestellt werden. Was ich nur vorher wissen möchte, was normalerweise vom Designer verlangt wird und wann es zu technisch wird. Es scheint wirklich um die Fähigkeiten des Designers zu gehen + was der Kunde verlangt.
Tx3

Wenn es sich um ein einmaliges Geschäft handelt, stellen Sie sicher, dass Sie die Quell-PSD erhalten.
Hanna
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.