งานออกแบบ Sketch หรือ XD ของคุณสร้างเป็น HTML และ CSS: หน้าเว็บจากอาร์ตบอร์ดที่ส่งออก พร้อมเวอร์ชันมือถือ

ตัวอย่างผลงาน

ตัวอย่างของแพ็กเกจสแตนดาร์ดดูทั้งหมด

หน้าแรกของคลินิกทันตกรรมที่สร้างจากดีไซน์ของคลินิก

ก่อน: ดีไซน์ที่ลูกค้าส่งมา

หลัง: หน้าเว็บที่ใช้งานได้จริง

ไฟล์: ไฟล์ ZIP ที่มี index.html ไฟล์สไตล์ และภาพ 2 ภาพสำหรับหน้าเว็บ พร้อมอัปโหลดขึ้นโฮสติ้งของลูกค้า ภาพที่แสดงในที่นี้เป็นภาพหน้าจอของหน้าเว็บ

ลูกค้า: คลินิกทันตกรรม Bright Smile Dental งาน: เปลี่ยนดีไซน์หน้าแรกให้เป็นหน้า HTML ที่ใช้งานได้จริง โดยคงเลย์เอาต์ สี และข้อความเดิมไว้ พร้อมปุ่มนัดหมายที่กดแล้วโทรหาคลินิกได้ทันที

ลูกค้าและข้อมูลทั้งหมดเป็นเรื่องสมมติ

เกี่ยวกับบริการนี้

งานออกแบบบางชิ้นยังอยู่ในไฟล์ Sketch หรือ Adobe XD ที่เปิดยากหากไม่มีแอป และหน้าเว็บก็ไม่เคยถูกสร้าง ส่งออกอาร์ตบอร์ดเป็น PNG แล้วอัปโหลด เราจะสร้างเป็น HTML และ CSS: ส่วนต่าง ๆ กริด สี และปุ่มเหมือนเดิม พร้อมข้อความจริง และเวอร์ชันมือถือที่ทำจากอาร์ตบอร์ดเดสก์ท็อปเมื่อไม่มีเวอร์ชันมือถือ เราเปิดไฟล์ .sketch หรือ .xd ลิงก์คลาวด์ หรือโปรโตไทป์ไม่ได้ สิ่งที่มองไม่เห็นในไฟล์ส่งออกจึงให้ระบุในรายละเอียดงาน ภาพถ่ายและไอคอนจะวาดขึ้นใหม่ในบรรยากาศเดียวกัน เว้นแต่คุณส่งออกและอัปโหลดแยก ไม่มีแอนิเมชัน แบ็กเอนด์ CMS หรือโฮสติ้ง

สิ่งที่รวมอยู่ในบริการ

• สิ่งที่คุณจะได้รับไฟล์บีบอัด ZIP ที่มีหน้าเว็บ สไตล์ และรูปภาพ พร้อมอัปโหลดไปยังโฮสติ้งของคุณ และตัวอย่างทุกหน้าบนหน้าคำสั่งซื้อ
• จากอาร์ตบอร์ดของคุณส่วนต่าง ๆ ระยะห่าง สี และขนาดตัวอักษรตามที่ส่งออก
• เวอร์ชันมือถือทำจากงานออกแบบเดสก์ท็อปเมื่อคุณไม่มีเวอร์ชันมือถือ
• ข้อความจริงหัวข้อและย่อหน้าเป็น HTML ที่เสิร์ชเอนจินอ่านได้
• ภาพของคุณภาพถ่าย ไอคอน และโลโก้ที่ส่งออกแยกจะใส่ตามเดิม
• โค้ดสะอาดHTML และ CSS ล้วน ไม่ใช้เฟรมเวิร์ก และไม่โหลดสิ่งใดจากเว็บไซต์อื่น

วิธีการทำงาน

1. 1
   ส่งออกคุณส่งออกอาร์ตบอร์ดเป็น PNG และอัปโหลดพร้อมหมายเหตุของคุณ
2. 2
   สร้างเราสร้างหน้าเว็บและวาดภาพที่ขาดไป
3. 3
   ตัวอย่างและไฟล์บีบอัดคุณเปรียบเทียบหน้าเว็บกับงานออกแบบบนคอมพิวเตอร์และมือถือ ดาวน์โหลดไฟล์บีบอัด และขอแก้ไขได้ภายในแพ็กเกจ

สิ่งที่เราต้องการจากคุณ

ภาพได้สูงสุด 5 ภาพเป็น PNG, JPEG หรือ WebP: อาร์ตบอร์ดที่ส่งออกจาก Sketch (ส่วน Export ใน Inspector) หรือจาก XD (File > Export > Selected) หนึ่งหน้าต่อหนึ่งไฟล์ ที่ 1x หรือ 2x และหากต้องการ ภาพถ่าย ไอคอน หรือโลโก้ที่ส่งออกแยก ระบุว่าอาร์ตบอร์ดไหนคือหน้าไหน ฟอนต์ สถานะที่ไม่ปรากฏในไฟล์ส่งออก เช่น เมนูที่เปิดอยู่ และแต่ละปุ่มพาไปที่ไหน ไม่รับไฟล์ .sketch หรือ .xd

เราจะถามคุณว่า:

• อาร์ตบอร์ดไหนคือหน้าไหน?
• ฟอนต์ในงานออกแบบ
• สิ่งที่เปลี่ยนจากงานออกแบบเดิม
• แต่ละปุ่มพาไปที่ไหน?
• งานออกแบบเป็นของคุณหรือไม่?

เปรียบเทียบแพ็กเกจ

คำถามและคำตอบ

ไม่พบคำตอบใช่ไหม ถามเรา