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

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.

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)?

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.

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.

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.

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.