Adobe XDTutorials

วิธีใช้ Adobe XD

Adobe XD คืออะไร

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

สำหรับบทความนี้ก็จะเน้นที่เทคนิคการใช้งานเป็นหลัก เช่น การวาดรูปร่าง การใช้ตัวอักษร การลิ้งก์หน้า เป็นต้น หวังว่าจะมีประโยชน์ต่อผู้อ่านไม่มากก็น้อยค่ะ

วิธีเริ่มต้นการใช้งาน

วิธีวาดรูปร่าง (Shape) และการกำหนดลักษณะต่างๆ

วิธีใช้งานข้อความ (Text)

วิธีครอปรูปภาพ (Crop)

วิธีทำลิสต์จากไอเท็มที่มีองค์ประกอบซ้ำๆ (Repeat Grid)

วิธีทำไอเท็มเดียวให้ใช้ได้หลายที่ (Symbol)

วิธีเบลอรูปภาพ (Blur)

วิธีลิ้งก์ระหว่างหน้า

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

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

Leave a Reply

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