UX/UI 101 Vibe with AI: ถอดรหัส UX/UI ปรับ Vibe ให้โดนใจ สปีดงานไวด้วย AI

วิทยากร: จิรัฐติกาล วิไลรัตน์ (ปอย) ศิษย์เก่าสาขา IT

ถอดรหัสการออกแบบเว็บไซต์ตั้งแต่พื้นฐาน เข้าใจ UX/UI แบบไม่ซับซ้อน ตั้งแต่วิธีคิด การจัดองค์ประกอบ ไปจนถึงการเปลี่ยนไอเดียให้กลายเป็นหน้าจอที่ใช้งานได้จริง พร้อมอัปเกรดกระบวนการทำงานยุคใหม่ด้วยการนำ AI เข้ามาช่วยเสกงาน Design ของเว็บให้ตรงใจ คุม Mood และ Tone ได้เป๊ะ และลดเวลาการทำงานให้เสร็จไวแบบติดสปีด โดยการลงมือทำจริง

เนื้อหา

• ความแตกต่างระหว่างเว็บที่ออกแบบดีและไม่ดี และทำไมหลักการออกแบบยังสำคัญในยุคที่ AI สร้างหน้าเว็บได้ในไม่กี่วินาที

• UX และ UI ต่างกันอย่างไร และบทบาทของ UX/UI Designer

• Design Principles: Hierarchy, Contrast, White Space, Alignment, Proximity และ Repetition

• Workshop ออกแบบเว็บไซต์ของตนเอง แล้วปรับปรุงให้สมบูรณ์ขึ้นตามหลักการออกแบบ

• DESIGN.md ไฟล์ที่บันทึกทิศทางและกติกาการออกแบบให้ AI อ่านก่อนสร้างหน้าจอ

• Google Stitch เครื่องมือ AI สร้างหน้าจอจาก Prompt หรือภาพร่าง กับแนวคิด Vibe Design

เมื่อจบคาบเรียน น้อง ๆ จะสามารถ

1. อธิบายความแตกต่างระหว่าง UX และ UI ได้

2. อธิบายและระบุหลักการออกแบบพื้นฐาน 6 ประการได้

3. ประยุกต์ใช้หลักการออกแบบกับงานของตนเองได้

4. เขียน DESIGN.md เพื่อกำหนดทิศทางการออกแบบให้ AI ได้

5. ใช้ Google Stitch สร้างหน้าเว็บจากแนวคิดของตนเองได้