Examen PSD2HTML

Depuis plusieurs années, PSD2HTML est le principal sponsor de Design Shack. Nous n'aimons pas vous proposer un service à moins que nous l'ayons essayé nous-mêmes pour nous assurer qu'il mérite une recommandation. Un ajout récent à notre réseau de sites, 13 Styles avait besoin d'une refonte et j'en ai profité pour utiliser le service PSD2HTML et documenter le processus.

Cet article sera plus qu'une simple revue de PSD2HTML. Nous examinerons l'idée de base de ce type de services et déterminerons quand et pour qui ils sont appropriés. L'honnêteté sera avant tout, et j'espère que vous obtiendrez un réel aperçu de l'utilisation d'un outil PSD vers XHTML.

Services PSD à XHTML

PSD2HTML est l'une des premières sociétés à fournir ce service (vous pouvez voir leur communiqué de presse d'origine), mais il existe aujourd'hui un grand nombre de concurrents dans la région et une recherche Google pour "psd to html" ramène plus d'un demi-million de résultats . Voici un tableau résumant les principaux acteurs de l'industrie (une liste plus détaillée est disponible sur Most Sliced):

Nous allons nous concentrer sur PSD2HTML, vous guider à travers le processus et vous montrer le design final résultant.

Le processus

Le processus de commande sur le site est très simple. Plusieurs options sont disponibles, à commencer par un forfait de base ou professionnel. Nous avons opté pour le professionnel, car un codage sémantique et convivial pour les moteurs de recherche était un must have. Les autres ajouts facultatifs sont:

• Largeur flexible
• Étirer l'en-tête et le pied de page
• Rollovers et menus dynamiques
• remplacement du flash sIFR
• Code CSS et XHTML commenté
• Optimisation de la vitesse de chargement
• Intégration avec le logiciel CMS (par exemple WordPress, MT, Drupal, Blogger, CubeCart)

Après avoir soumis la commande, nous avons été contactés au début du jour ouvrable suivant avec une demande de clarification de certaines fonctionnalités du fichier PSD soumis. À la fin de cette journée, environ 7 heures plus tard, le balisage a été fourni via leur système de ticket en ligne. La vitesse du retournement était incroyablement impressionnante - il faudrait même plus de 6 heures à un concepteur expérimenté pour coder un site relativement complexe tel que celui que nous avons soumis. Si vous avez besoin de résultats rapidement, ce service semble être une excellente ressource.

Cependant, la vitesse n'est pas le seul facteur. Nous allons vous montrer, dans son intégralité, le code créé par PSD2HTML pour la nouvelle mise en page.

Les resultats

Voici la conception originale de 13 styles:

Et voici une capture d'écran de la nouvelle version que nous avons créée dans Photoshop:

Vous pouvez voir le site Web complet via le lien suivant. C'est essentiellement le code exact que nous avons reçu de PSD2HTML, et nécessitera toujours une personnalisation avant d'être intégré dans le vrai site 13 Styles.

Voir le design

N'hésitez pas à jeter un coup d'œil et à juger de la qualité par vous-même. Nous l'avons trouvé excellent - bien agencé avec une séparation correcte du contenu et de la présentation et un codage sémantique. Nous ne sommes pas incroyablement faciles à impressionner, mais ce n'était certainement pas un effort précipité de second ordre. Le processus amène la conception Web à un niveau de «production de masse», et des normes élevées peuvent être atteintes grâce à un énorme catalogue d'exemples de code et d'extraits de code à partir desquels travailler.

Les recommandons-nous?

Le service était rapide, efficace, peu coûteux et d'une qualité exceptionnelle. PSD2HTML serait certainement utile si vous:

• Manque de temps
• Êtes un concepteur qualifié, mais pas un codeur
• Exiger un code de haute qualité, sémantique et valide
• Vous voulez avoir un contact personnel et bien formé pour créer le design

On peut faire valoir que la conception ne vient pas de la capacité d'écrire du code, mais plutôt de la capacité de créer une expérience utilisateur intuitive qui est simple à utiliser et donne le message souhaité. L'utilisation d'un tel service garantit que vous êtes libre de vous concentrer sur ces aspects sans vous enliser dans de petits problèmes tels que la compatibilité entre navigateurs.

PSD2HTML nous a impressionnés dans tous les domaines lors du codage du site 13 Styles, et nous n'hésiterions pas à recommander l'utilisation de leur service. Attention, cependant, vous ne perdez pas la passion de créer votre propre HTML et CSS.

PSD2HTML par psd2html.com

Voir Aussi

Dashlane contre Keeper Comment changer la synchronisation des rappels sur un iPhone Weekly Freebies: 15 Fantastically Fat Free Fonts Typographie avec perspective: Apprenez à utiliser l'outil de grille de perspective d'Illustrator