Adobe XDTutorials

วิธีเริ่มต้นการใช้งานโปรแกรม Adobe XD

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

 

เลือกขนาดหน้าจอ

เมื่อเปิดโปรแกรมขึ้นมาครั้งแรกจะมีขนาดหน้าจอของสิ่งที่จะดีไซน์มาให้เลือก ซึ่งสามารถแก้ไขหลังจากเลือกไปแล้วได้

แก้ไขชื่อ Artboard

คลิก 2 ครั้งที่ชื่อ Artboard เมื่อพิมพ์ชื่อใหม่เสร็จให้กด Enter ซึ่งสามารถเปลี่ยนชื่อ Artboard ได้ 2 ที่

  1. Panel ชื่อ Artboards ด้านซ้ายมือ
  2. ชื่อ 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 ไปด้วย

Leave a Reply

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