Quels documents un concepteur Web utilisant Photoshop doit-il envoyer à un développeur?

J'ai implémenté principalement des applications Web et de bureau et c'est la première fois que je commence à travailler avec un graphiste sur un site Web à usage public. Dans ce cas, le graphiste ne fait pas HTML + CSS, mais utilise Photoshop.

Quel type de matériel est normalement fourni comme résultat final pour que la conception soit réellement mise en œuvre?

Par exemple, dois-je obtenir quelque chose de plus que des fichiers PSD? Qu'en est-il des différents états (comme le survol de lien, l'état actif, etc.) ou la conception réactive? Est-ce que j'attends des détails trop techniques?

Toute aide appréciée.

Une maquette est généralement remise au développeur pour qu'il sache quoi faire. Cela peut varier d'un fichier PSD à une image plate, en fonction du flux de travail. D'après mon expérience, remettre une maquette plate avec toutes les dimensions, tailles de police et couleurs utilisées ainsi que l'ensemble complet des tranches et des images utilisées. Fondamentalement, tout ce qui est nécessaire pour terminer le projet. Mais cela dépend vraiment du workflow. Si le site est réalisé principalement en CSS, d'autres informations sont nécessaires (valeurs de dégradé, valeurs d'ombre portée, préréglages de recadrage d'image).

Les états des boutons doivent toujours être couverts. Selon la façon dont ils seront fabriqués (purement CSS ou tranches), vous devez fournir soit toutes les couleurs, tous les rayons et toutes les tailles, soit les tranches elles-mêmes.

Le design réactif est un peu différent. La conception de la vue n'est qu'un début. Ce que le développeur doit également savoir, c'est comment les éléments doivent se comporter lorsque le site est progressivement "rétréci". Comment se comportera un menu si moins d'options sont affichées? Ce qui n'est qu'un élément de liste en mode Web complet peut changer considérablement l'écran en mode mobile. Qu'advient-il de tous les éléments de survol (ne peut pas les utiliser en vue mobile)?

La réponse de @ KMSTR est la solution à 80%, mais si votre concepteur est un vrai pro, il / elle sera spécifique sur les petits détails comme quand les animations de transition doivent se produire ou dans quel ordre les éléments DOM doivent se charger.

Si votre concepteur se situe dans les 20% supérieurs, demandez des flux utilisateur et des wireframes UX, ou s'ils sont particulièrement talentueux, un prototype fabriqué dans After Effects ou Flash. Idéalement, ils ne laissent aucun aspect non spécifié.

Tout dépend de ce que vous avez convenu avec le graphiste.

Certains graphistes ne connaissent rien d'autre que PhotoShop et seront perdus si vous demandez autre chose qu'un gros fichier PSD.

Certains graphistes connaissent bien HTML, CSS et JS et peuvent construire le tout pour vous.

Et puis il y a tout entre les deux.

Je vous recommande de vous pencher vers ce dernier, car un concepteur de sites Web qui comprend que le médium va produire des conceptions beaucoup plus avant-gardistes, réactives, indépendantes du navigateur et flexibles que le premier, mais le premier peut fonctionner aussi longtemps que le développeur de l'interface utilisateur travaille en étroite collaboration avec le concepteur de l'interface utilisateur.

Vous devez indiquer ce qui est attendu à l'avance.

Je suis entièrement capable de fournir des fichiers psd, des pages html / css ou même des pages jquery / php / mysql entièrement dynamiques. Ce qui est livré dépend de ce qui est demandé.

Si le développeur ne veut qu'un psd, c'est tout ce que je propose et c'est son travail de créer les pages. Je ne me donnerais jamais la peine de créer des pages si elles ne sont pas voulues.

J'ai des clients qui comptent sur moi pour des pages entièrement fonctionnelles qui peuvent être déposées sur des sites Web existants.

J'ai des clients qui ont un développeur qui refuse d'utiliser tout code qui leur est envoyé et insiste pour tout coder eux-mêmes, alors je fournis des fichiers psd.

Il n'y a pas de réponse solide à votre question. Il s'agit de ce qui est convenu avant le début des travaux.

Vous voulez vraiment un concepteur qui connaît bien HTML, CSS et Javascript. L'endroit où je travaille, on ne voit jamais un seul fichier Photoshop. Le concepteur nous donne une URL vers la page, nous copions sur toute son interface utilisateur, puis remplissons les lacunes pour rendre la page dynamique.

Il y a plusieurs raisons pour lesquelles cela est préférable:

1) Il n'y a aucun doute sur ce que veut le concepteur - il n'y a pas de chiffres ou de notes d'interprétation, vous voyez exactement à quoi devrait ressembler le produit fini avant même de le toucher. Toutes les valeurs CSS sont là, chaque fonction ou animation javascript.

2) Cela réduit considérablement le temps que vous devez consacrer à travailler sur cette page. Oui, vous devez encore le recâbler et peut-être faire des montagnes de travail sur le back-end, mais cela vous fait gagner beaucoup de temps sur le front.

Bien sûr, vous ne contrôlez pas toujours le type de designer avec lequel vous travaillez. Mais si vous en êtes un qui ne fait que Photoshop, assurez-vous que vous obtenez vraiment tous les états des boutons et sachez quelles animations le concepteur veut. Si tout va bien, si vous travaillez dans ce genre d'environnement, vous pouvez simplement parler à votre concepteur et lui demander des éclaircissements selon vos besoins.