Adobe XDTutorials

วิธีแชร์ดีไซน์ (Prototype)

ระบบปฏิบัติการ: macOS Sierra
Adobe XD เวอร์ชัน: 3.1.12.2

 

เมื่อดีไซน์เสร็จแล้วก็ถึงเวลาโชว์ผลงานหรือส่งต่อให้คนในทีมหรืออื่นๆ ได้รับชม ซึ่งคนอื่นๆ นั้นไม่จำเป็นต้องลงโปรแกรมใดๆ เลย ไม่ว่าจะบนคอมพิวเตอร์หรือโทรศัพท์มือถือ เพียงแค่เราส่ง URL ให้ก็สามารถเปิดดูผลงานผ่านทาง Browser ได้ทันที โดยเว็บไซต์เองก็ถือว่าใช้เวลาในการแสดงผลไม่นาน อีกทั้งผู้เยี่ยมชมยังสามารถมีปฏิสัมพันธ์กับดีไซน์ได้ ไม่ว่าจะกดปุ่ม เปลี่ยนหน้า หรือ Scroll ขึ้นลง

ซึ่งตรงนี้เองที่ทำให้การออกแบบ UI และ UX เป็นไปอย่างรวดเร็วและมีประสิทธิภาพ เนื่องจากผู้ชมและผู้มีส่วนในการตัดสินใจได้เห็นภาพและทดลองเล่นได้ทันที หากมีข้อแก้ไขดีไซน์เนอร์สามารถแก้ไขและอัปเดตดีไซน์ให้ชมอีกครั้งได้ทันทีด้วย  URL เดิม โดยที่ผู้ชมแค่กดปุ่ม Refresh บน Browser เท่านั้น

เลือกเมนู Share

เลือกเมนู  Share ที่ด้านบนสุดของโปรแกรมจากนั้นจึงเลือกเมนู Publish Prototype

ตั้งชื่อดีไซน์

แก้ไขชื่อดีไซน์ที่ช่อง Title ซึ่งชื่อนี้จะแสดงบน Browser

สร้าง URL

กดปุ่ม Create Public Link เพื่อสร้าง URL ที่จะแชร์ให้คนอื่นเข้าผ่านทาง Browser

ก็อปปี้ URL

เมื่อ URL ถูกสร้างขึ้นแล้ว สามารถกดปุ่ม Copy Link เพื่อนำไปส่งต่อให้คนอื่นได้รับชม หรือจะกดปุ่ม Open Link... เพื่อเปิดดีไซน์บน Browser ทันที

การแสดงผลบน Browser

เมื่อเปิด URL บน Browser ผู้ชมจะสามารถ

  • กดปุ่มที่เราได้ลิ้งก์เอาไว้เพื่อเปลี่ยนหน้า
  • กดลูกศรที่แป้นพิมพ์เพื่อเปลี่ยนหน้าตามการจัดเรียง Artboard
  • ขยายดีไซน์เต็มหน้าจอ (Full Screen) หากดีไซน์มีขนาดใหญ่มากการขยายเต็มหน้าจอจะทำให้ดีไซน์ดูคมชัดกว่า
  • พิมพ์แสดงความคิดเห็น (Comment) ต่อดีไซน์ได้

Leave a Reply

Your email address will not be published. Required fields are marked *