วิธีการแปลง HTM​​L PSD ไป – เลือกที่ดีที่สุด

“ผมพูด HTML, CSS และ Javascript.” เรซูเม่ที่มีวลีดังกล่าวไม่หายากในอินเทอร์เน็ต แต่สิ่งที่จะทำอย่างไรถ้าภาษาของคุณแม่ “” คือสีและเส้น? ในคำอื่น ๆ ถ้าคุณเป็นนักออกแบบและจำเป็นต้องแปลงานของคุณ (เช่น *. การออกแบบ PSD) ลงในรหัส HTML / CSS?

มีสามตัวเลือกหลักในการแก้ปัญหานี้คือ:
1) รหัสมันเอง
2) การใช้เครื่องมืออัตโนมัติและ
3) จ้างผู้ให้บริการ PSD-to-HTML/CSS แปลง

และนี่มาอีกคำถาม: ซึ่งตัวเลือกที่ดีที่สุด?

ในความเป็นจริงไม่มีทางเลือกอเนกประสงค์เพื่อให้เหมาะกับทุกสถานการณ์ จริงๆคนและสถานการณ์ที่แตกต่างกัน

การแปลงตัวเองหรือไม่ตัวเอง – นั่นคือคำถาม?

เพื่อนบางคนของนักออกแบบของฉันเห็นด้วยกับการตลาด guru ทอมปีเตอร์ส: การออกแบบในปัจจุบันเป็นหนึ่งในความแตกต่างของการแข่งขันที่สำคัญที่สุดที่สามารถตั้งค่าผลิตภัณฑ์ (และเว็บไซต์) นอกเหนือจากคู่แข่ง commoditized อื่น ๆ นักออกแบบได้กลายเป็นตัวตั้งตัวตีในความสำเร็จของเว็บไซต์ และเธอ / เขาควรจะจดจ่ออยู่กับการออกแบบอย่างสมบูรณ์เพราะคนน้อยมากที่สามารถเป็นอัจฉริยะสากลเช่นเลโอนาร์โดดาวินชี

คนอื่น ๆ กล่าวว่านักออกแบบเว็บควรจะรู้ว่าไม่เพียง แต่ทฤษฎีสีหรือเทคนิคกราฟิก แต่ยัง PSD slicing, HTML เข้ารหัสเขียนเนื้อหา SEO และการตลาด เฉพาะในกรณีนี้นักออกแบบจะสร้างบางสิ่งบางอย่างจริงๆที่มีประสิทธิภาพในอินเทอร์เน็ตวันปัจจุบัน

สำหรับผมองค์ประกอบเว็บไซต์ทุกคนควรจะมีการออกแบบแนวคิดเว็บไซต์โครงสร้างของกราฟิกรูปแบบ HTML / CSS มาร์กอัปและเนื้อหา นักออกแบบลึกรู้ขั้นตอนตามลำดับและการดำเนินงานการพัฒนาเว็บไซต์ที่ดีกว่าเพราะเธอ / เขาจะมองเห็นและควบคุมกระบวนการทั้งหมด แต่มันก็ไม่ได้หมายความว่านักออกแบบควรจะทำทุกอย่างที่ตัวเอง

ซึ่งตัวเลือก PSD เพื่อ HTML เป็นที่ดีที่สุดเมื่อ …

… HTML / CSS เป็นเรื่องง่ายสำหรับคุณหรือเมื่อดูเหมือนว่า Mumbo Jumbo-? เมื่อมีสายยาวของลูกค้าหรือคำสั่งเพียงไม่กี่คือ? เมื่อคุณออกแบบการทดลองเว็บไซต์สำหรับตัวเองหรือทำงานที่กำหนดเองเป็นสิ่งสำคัญ เมื่อมีงบประมาณจำนวนมากหรือเป็นเวลาที่ยากลำบาก?

สถานการณ์เหล่านี้เห็นได้ชัดว่าจำเป็นต้องมีการแก้ปัญหาที่แตกต่างกัน

ดังนั้นสูตรคืออะไร?

ที่จะมีประสิทธิภาพที่เราควรจะมีความยืดหยุ่น มันเป็นเรื่องยากที่จะเป็นอัจฉริยะสากล แต่มันก็เป็นไปได้ที่จะมีฐานความรู้สากล (หรือเกือบ) และการจัดการกระบวนการ

1 เก็บรวบรวมข้อมูล: บทเรียน Design-to-XHTML/CSS ความคิดเห็นของเครื่องมือการแปลงอัตโนมัติและรายชื่อของ PSD เพื่อ HTML ผู้ให้บริการ

เพื่อติดตามความคืบหน้าใหม่แจ้งเตือน Google Alert สามารถจะให้ความช่วยเหลือที่มีประโยชน์มากหรือเพียงแค่เข้าเยี่ยมชมเว็บไซต์อย่างสม่ำเสมอเช่น designfloat.com, designm.ag, noupe.com, tripwiremagazine.com, csstea.com เพียงเพื่อชื่อไม่กี่

พูดถึงบทเรียนที่รวบรวมไม่เพียง แต่เทคนิคใหม่ล่าสุดและเทคนิควินาที แต่วัสดุเก่าเกินไปเพราะพวกเขาอาจจะมีนักเก็ตทองของข้อมูล

2 ลองพวกเขาและทำให้รายการของคุณเอง เลือก tutorials, เครื่องมืออัตโนมัติและผู้ให้บริการที่มีประโยชน์มากที่สุดมีประสิทธิภาพและความสะดวกสบายเพียงแค่สำหรับคุณ มันต้องใช้เวลา แต่มันจ่ายออก นอกจากนี้วันหนึ่งคุณสามารถเผยแพร่รายการของคุณเองที่ชื่อ “คอลเลกชันในทางปฏิบัติของบทเรียน PSD เพื่อ XHTML” หรือ “การออกแบบเพื่อ HTML โปรดของบริการ.”

เลือกผู้ให้บริการหลายคน (2 หรือ 3) ได้เพราะโดย:
1) พิจารณาการจัดการกับความเสี่ยง: ถ้าคุณจำเป็นเร่งด่วนที่จะแปลงการออกแบบและการให้บริการหลักจะมากเกินไปของคุณคุณจะมีตัวเลือกสำรอง
2) ผู้ให้บริการสามารถมีจุดแข็งในด้านที่แตกต่างกันเช่นหนึ่งคือความเชี่ยวชาญมากขึ้นใน PSD เพื่อธีม WordPress แปลงอื่น ๆ – ในการออกแบบเพื่อ Drupal หรือ Joomla แม่แบบการพัฒนาและการดำเนินการ
3) บริการและความต้องการของพวกเขา (เช่นเดียวกับการทำงานของเครื่องมืออัตโนมัติหรือการรับรู้ถึงความสำคัญของการสอน) การเปลี่ยนแปลงกับเวลา

ตรวจสอบออกมาให้เลือกด้วยตัวคุณเอง มันไม่ได้เป็นออกจากสถานที่เพราะเป็นสิ่งที่ดีที่สุดสำหรับคนที่อาจจะไม่ดีสำหรับคุณ

3 ประเมินสถานการณ์โครงการ: ปริมาณของงานเร่งด่วนต้องการของโครงการ (รวมถึงการปฏิบัติตามมาตรฐานของ W3C เข้ากันได้เบราว์เซอร์, การเข้ารหัสความหมาย), ความสำคัญโครงการงบประมาณระดับของความรู้ HTML / CSS และอื่น ๆ จากนั้นนำรายการของคุณและเลือกตัวเลือกหรือการรวมกันของพวกเขาที่มีประสิทธิภาพมากที่สุดสำหรับคุณในสถานการณ์คอนกรีตนี้

แต่ละตัวเลือกเหล่านี้ – มันทำเองใช้เครื่องมืออัตโนมัติหรือผู้ให้บริการ – จะเป็นทางออกที่ดีที่จะแปลง PSD เป็น HTML แต่ไม่มีความสำคัญน้อยกว่าก็คือว่ามีทางเลือกที่แตกต่างกันสำหรับทางเลือก จริงๆจะมีความยืดหยุ่นและประสบความสำเร็จ – นั่นคือเลือกที่ดีที่สุด