Adobe XDUser Experience

Adobe ปล่อย Adobe Experience Design เครื่องมือสำหรับ UX Designer + วิดีโอแนะนำวิธีใช้

เรื่องที่เกี่ยวข้อง - Adobe XD, Project Comet, User experience design, User Interaction Design

Adobe มีการเกริ่นถึงเครื่องมือสำหรับ User Experience Designer มาตั้งแต่ปลายปีที่แล้วในชื่อ Project Comet วันนี้ก็ได้ปล่อยออกมาให้ทดลองใช้ในเวอร์ชั่น Preview (Beta นั่นแหละ) ในชื่อ Adobe XD แล้วครับ

โปรแกรมรุ่น Preview ของ Adobe คือโปรแกรมรุ่นทดสอบ ยังมีจุดบกพร่องและการปรับปรุงต่อเนื่อง ไม่ใช่เวอร์ชั่นสมบูรณ์นะจ๊ะ

Adobe XD อีกเครื่องมือ UX แสนสะดวก

Adobe XD หรือ Adobe Experience Design CC (ชื่อเดิมคือ Project Comet) ถูกสร้างมาเพื่อใช้ในการทำงานส่วนของ  User Experience Design โดยเฉพาะ

แน่นอนครับว่าเป็นเครื่องมือจาก Adobe ก็ย่อมมีความสามารถที่ทำให้คนทำงานสาย UX และเหล่า Designer สนุกสนานกันแน่นอน

จุดเด่นของ Adobe XD มีดังนี้

ออกแบบ Prototype ได้ทั้ง Web และ Mobile Application

ยุคนี้คนไม่ได้ใช้เว็บ หรือโมบายล์แอพพลิเคชั่นกันอย่างใดอย่างหนึ่ง คนมีคอมก็ใช้งานแอพผ่านเว็บ คนมีสมาร์ทโฟนก็ใช้งานแอพมือถือ Adobe XD จึงมีเทมเพลตให้เลือกใช้ทันที

Screen Shot 2016-03-14 at 16.56.57.png

หรือถ้าต้องการ ก็สามารถกำหนดขนาดเองก็ได้

Adobe XD - Custom Artboard.png

หรือจะใช้ขนาด Artboard ที่ Adobe XD เตรียมไว้ให้ก็ได้นะ

Adobe XD - Artboard Category.png

มาพร้อมกับ UI Kit ของระบบยอดนิยม

สำหรับคนที่ต้องการสร้าง Prototype ของแอพพลิเคชั่นบนระบบต่างๆ ทาง Adobe XD ก็มี UI Kit พร้อมใช้ ทั้ง Apple iOS, Google Material, และ Windows เรียกได้ว่าครอบคลุมระบบหลักๆ ที่คนทำ UX ต้องทำกันบ่อยๆ

ทำให้ทำงานได้ทันที ไม่ต้องไปซื้อหาเพิ่มเติมจากไหนเลย

Adobe XD - iOS UI Kit.png
UI Kit ของ iOS บน Adobe XD
Adobe XD - Google Material UI Kit.png
UI Kit ของ Google Material บน Adobe XD

ทำ Prototype ได้อย่างเร็วส์

Adobe ตั้งใจให้ความสามารถหลักของ Adobe XD ตอบโจทย์งานของ UX Designer ที่สุด นั่นคือการเปลี่ยนงานที่ออกแบบ ให้เป็น Prototype ที่ทดลองใช้งานได้ครับ

สามารถพรีวิวทดสอบ Prototype และแชร์ให้คนอื่นๆ ลองทดสอบใช้งานกันได้

Screen Shot 2016-03-14 at 17.21.32.png

เราถึง Export เป็นไฟล์เพื่อเอาไปใช้ต่อได้ด้วยนะ

Screen Shot 2016-03-14 at 17.20.35.png

เร็วส์จี๋

แตกต่างจาก Illustrator หรือ Photoshop ที่หลายๆ คนอาจจะเอาไว้ทำ Prototype ก่อนการมาถึงของ Adobe XD นั่นคือมัน “เร็วนรกเดือด” หรือ “ลื่นหัวแตก” เลยครับ

อย่างการเปิดดู UI Kit บนเครื่อง Macbook Air 2011 แรม 4 GB ของโค้ชพล ซูมเข้า ซูมออก เลือกและย้ายมหาศาลยังไงก็ไหลลื่น

เปลี่ยนจากใช้ PS, AI ทำ Mock Up มาใช้ Adobe XD ทำ Prototype กันเถอะพี่น้อง!

สรุป Adobe XD

ถึงแม้ว่า Adobe XD จะอยู่ในช่วง Preview หรือทดสอบใช้งาน แต่ก็มีความสามารถโดนๆ หลายข้อทีเดียว ใครอยากทำ Prototype ใครทำ UX อยู่ ลองพิจารณาเอา Adobe XD ไปใช้งานดูนะ

ตอนนี้ยังเป็นรุ่นพรีวิว โหลดไปทดลองใช้ได้ฟรีเน้อ

แต่พอปล่อยตัวจริง ก็น่าจะรวมอยู่ในชุด Adobe Creative Cloud เหมือนเดิมแน่นอนครับ

คลิกที่นี่เลย

ติดตามอัพเดตเรื่อง Adobe XD ได้ที่แฟนเพจ และ Youtube จ้า

ทำ Prototype แล้ว ก็มาลงมือสร้าง Mobile App แบบ Cross Platform ได้ทั้ง iOS และ Android คลิกซื้อโดยใช้รหัสลดราคา 62% ได้ทันที เนื้อหากำลังทยอยอัพเดตจนเสร็จในเดือนมีนาคมครับ

วิดีโอแนะนำวิธีใช้ Adobe XD

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

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

  • เข้าใจง่าย ใช้ได้จริง ออกแบบการสอนอย่างเข้าใจโดยโค้ชพล
  • มีคอร์สสำหรับคนใช้งานทั่วไป จนถึงเรียนรู้เพื่อใช้งานในสายอาชีพขั้นสูง
  • ทุกคอร์สมีใบประกาศณียบัตรรับรองหลังเรียนจบ

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save