I flera år har PSD2HTML varit huvudsponsor för Design Shack. Vi gillar inte att föreslå en tjänst till dig om vi inte har försökt det själv för att se till att det är värt en rekommendation. Ett nytt tillägg till vårt nätverk av webbplatser, 13 Styles behövde en redesign och jag tog tillfället i akt att använda PSD2HTMLs service och dokumentera processen.
Denna artikel kommer att vara mer än en genomsökning av PSD2HTML. Vi kommer att överväga den grundläggande tanken på denna typ av tjänster och överväga när och för vem de är lämpliga. Ärlighet är främst, och jag hoppas att du får en inblick i hur du använder ett PSD till XHTML-verktyg.
PSD till XHTML-tjänster
PSD2HTML är ett av de första företagen att tillhandahålla den här tjänsten (du kan se sitt ursprungliga pressmeddelande), men det finns ett stort antal konkurrenter i området idag och en Google-sökning efter? Psd till html? återkommer över en halv miljon resultat. Här är en tabell som sammanfattar de viktigaste aktörerna i branschen (en mer djup lista finns på Most Skivad):
Vi fokuserar på PSD2HTML, tar dig igenom processen och visar dig den slutliga resulterade designen.
Processen
Beställningsprocessen på platsen är väldigt enkel. Det finns flera alternativ, som börjar med antingen ett grundläggande eller professionellt paket. Vi valde professionell, som semantisk, sökmotorvänlig kodning var ett måste ha. Andra valfria tillägg är:
- Flexibel bredd
- Sträcker huvudet och sidfoten
- Rollovers och dynamiska menyer
- sIFR-blixtbyte
- Kommenterade CSS och XHTML-kod
- Optimering av lasthastighet
- Integration med CMS-programvara (t.ex. WordPress, MT, Drupal, Blogger, CubeCart)
Efter att ha skickat ordern kontaktade vi i början av den följande arbetsdagen med en förfrågan att klargöra några av funktionerna i den inlämnade PSD-filen. I slutet av den dagen, cirka 7 timmar senare, gavs markeringen genom sitt online-biljettsystem. Varvtalet var otroligt imponerande - det skulle ta en erfaren designer långt längre än 6 timmar för att koda en relativt komplex plats, som den vi skickade in. Om du behöver resultat snabbt, verkar den här tjänsten vara en bra resurs.
Hastighet är dock inte den enda faktorn. Vi ska visa dig i sin helhet koden som skapats av PSD2HTML för den nya layouten.
Resultaten
Detta är originalet 13 Styles design:
Och det här är en skärmdump av den nya versionen som vi skapade i Photoshop:
Du kan se hela webbplatsen via följande länk. Det är i grund och botten den exakta koden som vi fick tillbaka från PSD2HTML, och kommer fortfarande att kräva anpassning innan den integreras i den verkliga 13-stilen-webbplatsen.
Se designen
Ta gärna en titt och bedöma kvaliteten för dig själv. Vi fann att det var bra - väl utformat med korrekt separation av innehåll och presentation och semantisk kodning. Vi är inte oerhört lätta att imponera på, men det var verkligen inte en rusad, andra sats ansträngning. Processen tar webbdesign till en nivå av "massproduktion", och höga krav kan uppnås genom att ha en stor katalog över kodexemplar och snippets att fungera från.
Rekommenderar vi dem?
Tjänsten var snabb, effektiv, billig och av enastående kvalitet. PSD2HTML skulle definitivt vara värt att överväga om du:
- Är korta i tid
- Är en skicklig designer, men inte en kodare
- Kräver högkvalitativ, semantisk och giltig kod
- Vill ha en personlig, välutbildad kontakt som skapar designen
Det kan hävdas att design inte kommer från förmågan att skriva kod, utan snarare förmågan att skapa en intuitiv användarupplevelse som är enkel att använda och ger önskat meddelande. Genom att använda en tjänst som det här ser du till att du är fri att fokusera på dessa aspekter utan att vara förkroppsligad i små problem som kryssläsarkompatibilitet.
PSD2HTML imponerade oss på alla områden när vi kodade webbplatsen 13 Styles, och vi skulle inte tveka att rekommendera att använda tjänsten. Var försiktig, dock, att du inte förlorar passionen för att skapa din egen HTML och CSS.
PSD2HTML av psd2html.com