Per diversi anni, PSD2HTML è stato lo sponsor principale di Design Shack. Non ci piace suggerirti un servizio a meno che non abbiamo provato noi stessi a garantire che valga la pena di una raccomandazione. Una recente aggiunta alla nostra rete di siti, 13 Styles aveva bisogno di una riprogettazione e ho colto l'opportunità per utilizzare il servizio di PSD2HTML e documentare il processo.
Questo articolo sarà più che una semplice recensione di PSD2HTML. Prenderemo in considerazione l'idea di base di questo tipo di servizi e considerando quando e per chi sono appropriati. L'onestà sarà il massimo, e spero che acquisirete una vera conoscenza dell'uso di uno strumento PSD in XHTML.
Servizi PSD a XHTML
PSD2HTML è una delle prime società a fornire questo servizio (puoi vedere il loro comunicato stampa originale), ma oggi c'è un enorme numero di concorrenti nell'area e una ricerca su Google per? Psd in html? riporta oltre mezzo milione di risultati. Ecco una tabella che riassume i principali attori del settore (una lista più approfondita può essere trovata su Most Sliced):
Ci concentreremo su PSD2HTML, guidandoti attraverso il processo e mostrandoti il progetto finale.
Il processo
Il processo di ordinazione nel sito è molto semplice. Ci sono diverse opzioni disponibili, a partire da un pacchetto base o professionale. Abbiamo optato per il professionista, in quanto la codifica semantica del motore di ricerca era un must. Altre aggiunte facoltative sono:
- Larghezza flessibile
- Allungando l'intestazione e il piè di pagina
- Rollover e menu dinamici
- sostituzione flash sIFR
- Codice CSS e XHTML commentato
- Ottimizzazione della velocità di carico
- Integrazione con il software CMS (ad esempio WordPress, MT, Drupal, Blogger, CubeCart)
Dopo aver inviato l'ordine, siamo stati contattati all'inizio del giorno lavorativo successivo con una richiesta di chiarimento di alcune funzionalità nel file PSD inviato. Alla fine di quel giorno, circa 7 ore dopo, il markup è stato fornito attraverso il loro sistema di biglietti online. La velocità della svolta è stata incredibilmente impressionante - ci vorrebbe anche un progettista esperto di molto più di 6 ore per codificare un sito relativamente complesso come quello che abbiamo presentato. Se hai bisogno di risultati rapidamente, questo servizio sembra essere una grande risorsa.
La velocità non è l'unico fattore, tuttavia. Mostreremo per intero il codice creato da PSD2HTML per il nuovo layout.
I risultati
Questo è il design originale di 13 stili:
E questo è uno screenshot della nuova versione che abbiamo creato in Photoshop:
Puoi vedere il sito completo attraverso il seguente link. È essenzialmente il codice esatto che abbiamo ricevuto da PSD2HTML e richiederà ancora la personalizzazione prima di essere integrato nel vero sito di 13 Styles.
Guarda il design
Sentiti libero di dare un'occhiata e giudicare la qualità per te stesso. Lo abbiamo trovato eccellente, ben strutturato con la corretta separazione di contenuto, presentazione e codifica semantica. Non siamo incredibilmente facili da impressionare, ma questo non è stato certamente uno sforzo affrettato, di secondo livello. Il processo porta il web design a un livello di "produzione di massa", e si possono raggiungere standard elevati attraverso un enorme catalogo di esempi di codice e frammenti su cui lavorare.
Li consigliamo?
Il servizio era veloce, efficiente, economico e di una qualità eccezionale. PSD2HTML sarebbe sicuramente la pena considerare se:
- Sono a corto di tempo
- Sono un abile designer, ma non un programmatore
- Richiede codice di alta qualità, semantico e valido
- Vuoi avere un contatto personale e ben preparato per creare il design
Si può sostenere che il design non deriva dalla capacità di scrivere codice, ma piuttosto dalla capacità di creare un'esperienza utente intuitiva, semplice da utilizzare e che fornisce il messaggio desiderato. L'utilizzo di un servizio come questo garantisce che sei libero di concentrarti su questi aspetti senza essere impantanato in problemi di piccole dimensioni come la compatibilità tra browser.
PSD2HTML ci ha impressionato in tutte le aree durante la codifica del sito 13 Styles e non esiteremmo a raccomandare l'utilizzo del loro servizio. Fai attenzione, però, che non perdi la passione per creare il tuo codice HTML e CSS.
PSD2HTML di psd2html.com