วิธีเริ่มต้นการใช้งานโปรแกรม Adobe XD
- เลือกขนาดหน้าจอ
- แก้ไขชื่อ Artboard
- เปลี่ยนสีพื้นหลัง Artboard
- แสดง Grid เพื่อให้ง่ายต่อการกะขนาด
- เพิ่ม Artboard
- เลือก Artboard หลายอันเพื่อจัดการพร้อมกัน
เลือกขนาดหน้าจอ
เมื่อเปิดโปรแกรมขึ้นมาครั้งแรกจะมีขนาดหน้าจอของสิ่งที่จะดีไซน์มาให้เลือก ซึ่งสามารถแก้ไขหลังจากเลือกไปแล้วได้
แก้ไขชื่อ Artboard
คลิก 2 ครั้งที่ชื่อ Artboard เมื่อพิมพ์ชื่อใหม่เสร็จให้กด Enter ซึ่งสามารถเปลี่ยนชื่อ Artboard ได้ 2 ที่
- Panel ชื่อ Artboards ด้านซ้ายมือ
- ชื่อ Artboard เหนือ Artboard แต่ละอัน
เปลี่ยนสีพื้นหลัง Artboard
ติ๊กถูกที่เมนูใน Panel ด้านขวามือ Appearance > Fill จากนั้นจึงเลือกสี (หากเอาเครื่องหมายถูกออกจากเมนูนี้ เมื่อ Export ดีไซน์ออกมาเป็นรูปจะทำให้รูปมีพื้นหลังเป็น Transparent)
แสดง Grid เพื่อให้ง่ายต่อการกะขนาด
ติ๊กถูกที่เมนูใน Panel ด้านขวามือ Grid > Square ซึ่งสามารถเปลี่ยนสี Grid และขนาดซึ่งมีหน่วยเป็น Pixel ได้
เพิ่ม Artboard
1) Artboard ใหม่เอี่ยม
เลือกเมนู Artboard หรือกดแป้นพิมพ์ A แล้วคลิกที่ว่างเพื่อวาง Artboard ใหม่ ซึ่ง Artboard ใหม่นี้จะต้องตั้งค่าใหม่ เช่น สีพื้นหลังและการแสดง Grid
2) Artboard จากอันที่มีอยู่
ที่ Panel ชื่อ Artboards ด้านซ้ายมือ ให้คลิกขวาที่ Artboard ที่จะทำซ้ำ เลือกเมนู Duplicate ซึ่งวิธีนี้จะทำให้ Artboard ใหม่ได้การตั้งค่าจากของเดิม เช่น สีพื้นหลังหรือการแสดง Grid รวมทั้งไอเท็มที่มีด้วย
เลือก Artboard หลายอันเพื่อจัดการพร้อมกัน
วิธีที่ 1 ลากเมาส์คลุม Artboard หลายอันในพื้นที่ดีไซน์ โดยลากให้คลุมชื่อ Artboard ที่อยู่เหนือ Artboard ด้วย มิเช่นนั้นจะได้แต่ไอเท็มใน Artboard
วิธีที่ 2 เลือกชื่อ Artboard ใน Panel ชื่อ Artboards ด้านซ้ายมือ โดยกดแป้นพิมพ์ Shift ไปด้วย
วิธีที่ 3 เลือกชื่อ Artboard ในพื้นที่ดีไซน์ โดยกดแป้นพิมพ์ Shift ไปด้วย
ระบบปฏิบัติการ: macOS Mojave
Adobe XD เวอร์ชัน: 18.0.12.9