Comment les professionnels découpent-ils le PSD très rapidement?
J'ai de solides connaissances en HTML et en CSS, mais mon entreprise sous-traite fréquemment le découpage de PSD en HTML à une autre entreprise, ce qui lui permet d'obtenir des résultats très, très rapidement. Quelqu'un a-t-il déjà travaillé pour un endroit comme celui-ci et pouvez-vous divulguer certains des outils et des secrets qu'ils utilisent pour obtenir un redressement aussi rapide? Je vais devoir faire beaucoup de ce travail très bientôt, et ce serait formidable de pouvoir accélérer le processus.
Je n'ai jamais travaillé dans un magasin HTML, mais les raisons pour lesquelles ils découpent rapidement les dessins sont probablement les mêmes raisons pour lesquelles une équipe de professionnels travaille rapidement:
Ils ont beaucoup d'expérience le faire
De nombreux ateliers de découpage sont des équipes de concepteurs de sites Web professionnels qui découpent les dessins au moment de leur arrêt pour gagner un peu plus d'argent. Ils auront découpé des centaines ou des milliers de dessins. Toute répétition d'une tâche de ce type entraîne une productivité accrue (et, invariablement, de l'ennui et de l'insatisfaction également).
Ils embauchent des gens bien et forment le reste
Si je dirigeais un magasin HTML, je ferais appel à des personnes compétentes pour effectuer les tâches de redressement rapides et à des personnes peu coûteuses pour effectuer des tâches plus longues. Cela crée un environnement qui permet aux gars inexpérimentés d'apprendre sur le tas sans ressentir la même pression que les employés gagnant un peu plus.
Ils utilisent la délégation de ligne de production
Les magasins HTML sont des lignes de production. En tant que tel, vous trouverez probablement un système de délégation de ligne de production dans les plus grandes: un type peut gérer le contact et le support client, un autre type découpe le design et l’exporte vers des ressources d’image individuelles, le prochain code médiocre codant la chose, et le dernier type fera Q/A/testing et passera. Parce que chaque personne fait la même chose tous les jours, elle y réussit très bien, et il est plus facile de voir où se trouvent les goulets d'étranglement et de consacrer plus de ressources/formation à ces domaines.
Ils connaissent leurs outils
Il existe différentes manières de découper des dessins dans Photoshop/Fireworks. Certains seront meilleurs que d'autres pour différents emplois; ils apprendront, par exemple, s'il est probable que l'utilisation de Export > Save for Web & Devices de Photoshop produira un squelette exploitable de code pour un travail donné, ou s'il serait préférable de recommencer à zéro. (Conseil: si l'un des éléments de la page se chevauchent, il est presque toujours préférable de recommencer à zéro.)
Ils ne partent pas de zéro
Les sites Web ne sont pas cela différents. Ils auront développé leurs propres styles de base - un pour un site sans serif, un autre pour un serif, par exemple. Ou un pour un site aligné sur le centre à largeur fixe, un pour un site à 3 colonnes, un autre pour un site à 2 colonnes, etc.
En bref, ils n'utilisent pas un système secret que vous n'êtes pas au courant. Ils ont simplement créé une entreprise qui repose sur l'efficacité et sur des systèmes que toutes les entreprises qui dépendent d'une utilisation rapide.
Dans GIMP:
- Créez des repères où vous voulez que l'image soit coupée
- sélectionnez Filtres -> Web -> Tranche
GIMP créera automatiquement les parties et le code HTML.
Si cela fait partie de leurs affaires, ils auront beaucoup de pratique. Lorsque vous faites la même chose encore et encore, vous apprenez à le faire rapidement et sans commettre d'erreur.
Vous devrez bien sûr connaître les outils, mais c’est la partie la plus facile. Alors bien sûr, vous ne pourrez pas le faire en même temps qu'une entreprise professionnelle. Je ne pense pas qu'ils ont des secrets. Ils utilisent les mêmes outils que ceux qui vous sont disponibles.
Quels outils utilisez-vous maintenant?
Si vous préparez votre fichier psd correctement (noms de couches/groupes) et s'il n'est pas trop volumineux, vous pouvez l'essayer ici:
Au fait, je ne suis aucunement affilié à ce site. L'année dernière, j'ai eu une mise en page compliquée d'un designer et cela devrait être fait rapidement. Je l'ai essayé et cela a bien fonctionné.
Quelqu'un connaît d'autres sites comme celui-ci?
Edit: il existe un logiciel commercial appelé Sitegrinder, mais je ne l'ai jamais essayé.
Adobe Photoshop CS2 et versions antérieures étaient livrées avec un outil appelé Adobe ImageReady, spécialement conçu pour le découpage en tranches. La dernière fois que j'ai vérifié, Adobe a abandonné ImageReady et recommande désormais Adobe Fireworks comme outil de découpage, même s'il n'est pas inclus dans Photoshop (achat supplémentaire).
Comme pour tout outil, la pratique et l'expérience rendront le travail beaucoup plus rapide. La société dont vous parlez a probablement un processus précis.
"ils retournent les résultats très, très vite"
Si vous avez déjà travaillé plusieurs fois avec le client avant qu'il ne soit possible de le faire, ils sont habitués au "style" de votre entreprise. Ils savent donc à quoi s'attendre de vos créations en termes de mise en page générale et de nuances. Il est donc fort probable qu'ils utilisent un modèle standard pour vos conceptions, de sorte qu'ils n'ont pas à découper le fichier psd en entier.
Il est également possible que le travail qu'ils produisent ne soit pas très bon ou du moins n'est pas aussi bon qu'il pourrait l'être.