|

|
 |
|
เริ่มต้น Vide Design ในการออกแบบ UX/UI
|
 |
|
- ในยุคดิจิทัลที่ทุกบริการขับเคลื่อนด้วยเทคโนโลยี “ประสบการณ์ผู้ใช้” หรือ UX (User Experience) ได้กลายเป็นหัวใจสำคัญของความสำเร็จของผลิตภัณฑ์ ไม่ว่าจะเป็นแอปพลิเคชัน เว็บไซต์ หรือระบบงานต่างๆ ที่เราใช้งานในชีวิตประจำวัน ขณะเดียวกัน UI (User Interface) ก็ไม่ใช่เพียงแค่ความสวยงามของหน้าจอ แต่คือการออกแบบที่ช่วยให้ผู้ใช้งาน “เข้าใจได้ทันที ใช้งานได้ง่าย และรู้สึกดี” ตั้งแต่ครั้งแรกที่สัมผัส - ในอดีต การออกแบบ UX/UI อาจต้องใช้เวลาและกระบวนการที่ซับซ้อน ตั้งแต่การวิเคราะห์ผู้ใช้ การร่าง Wireframe ไปจนถึงการออกแบบหน้าจออย่างละเอียด แต่ในปัจจุบัน เทคโนโลยีปัญญาประดิษฐ์ได้เข้ามามีบทบาทสำคัญในการช่วยยกระดับกระบวนการออกแบบให้รวดเร็วและมีประสิทธิภาพมากยิ่งขึ้น เครื่องมืออย่าง Google Stitch ได้เข้ามาช่วยให้นักออกแบบสามารถสร้างแนวคิด ออกแบบโครงสร้าง และทดลองรูปแบบของ User Interface ได้ภายในเวลาอันสั้น เพียงแค่ใช้คำสั่งหรือแนวคิดที่ชัดเจน - อย่างไรก็ตาม การใช้ AI เพียงอย่างเดียวไม่สามารถทดแทนความเข้าใจผู้ใช้ได้อย่างแท้จริง ดังนั้นเครื่องมืออย่าง Figma ซึ่งเป็นมาตรฐานในอุตสาหกรรมการออกแบบ UX/UI จึงยังคงมีบทบาทสำคัญในการนำแนวคิดที่ได้จาก AI มาพัฒนา ต่อยอด และปรับปรุงให้กลายเป็นผลงานที่สามารถใช้งานได้จริง ทั้งในด้านการออกแบบหน้าจอ การจัดวางองค์ประกอบ การสร้างระบบ Design System รวมถึงการสร้าง Prototype เพื่อจำลองการใช้งานจริงก่อนนำไปพัฒนา - หลักสูตร “เริ่มต้น UX/UI Design ด้วย Google Stitch และ Figma” นี้ ถูกออกแบบขึ้นเพื่อให้ผู้เริ่มต้นสามารถก้าวเข้าสู่โลกของการออกแบบดิจิทัลได้อย่างมั่นใจ โดยไม่จำเป็นต้องมีพื้นฐานมาก่อน ผู้เข้าอบรมจะได้เรียนรู้ตั้งแต่แนวคิดพื้นฐานของ UX/UI การทำความเข้าใจผู้ใช้งาน การออกแบบโครงสร้างระบบ ไปจนถึงการใช้เครื่องมือ AI เพื่อช่วยสร้างแนวคิด และนำไปพัฒนาเป็นผลงานจริงใน Figma - ตลอดระยะเวลา 2 วันของการอบรม ทุกท่านจะได้ลงมือปฏิบัติจริงในทุกขั้นตอน ตั้งแต่การวิเคราะห์ปัญหา การออกแบบ User Flow การสร้างหน้าจอ UI ไปจนถึงการทำ Prototype ที่สามารถโต้ตอบได้ ซึ่งกระบวนการทั้งหมดนี้จะช่วยให้ผู้เข้าอบรมไม่เพียงแค่ “เรียนรู้” แต่สามารถ “นำไปใช้งานได้จริง” และต่อยอดเป็นผลงาน Portfolio ของตนเองได้
|
 |
|
- แนะนำหลักสูตรและเนื้อหาหลักสูตร - UX/UI คืออะไร แตกต่างกันอย่างไร (พื้นฐานสำคัญ) - ทำความเข้าใจกับ UX/UI ในการออกแบบหน้าเว็บ แอพ และส่วนติดต่อผู้ใช้ - องค์ประกอบที่ต้องเรียนรู้ สำหรับการออกแบบ UX/UI - รู้จัก Google Stitch (AI ช่วยออกแบบ) และการพิมพ์ Prompt ให้ AI ช่วยสร้าง UI - Workshop: ใช้ Google Stitch ออกแบบ UI ในการออกแบบหน้าจอ - การปรับแก้ UI ด้วย Prompt บน Google Stitch - รู้จัก Figma หน้าตาโปรแกรมและเครื่องมือพื้นฐาน - Workshop: ออกแบบ UI ใน Figma - การออกแบบ UI ให้ใช้ง่าย (UX ที่ดี) - วิเคราะห์และปรับปรุง UX และปรับให้เหมาะกับผู้ใช้จริง - การนำ UI จาก Google Stitch มาปรับใน Figma - การสร้าง Prototype ใน Figma - และเครื่องมืออื่นๆ ที่น่าสนใจด้วย AI และการประยุกต์ใช้งาน
|
 |
|
- Google Stitch - Figma - เครื่องมือด้าน AI อื่นๆ
|
 |
|
วันเสาร์-อาทิตย์ที่ 25-26 เมษายน 2569 (2 วัน/ 12 ชั่วโมง/ เวลา 08.30 - 16.30 น.)
|
 |
|
ศูนย์พัฒนาทักษะและการเรียนรู้ ICT เทศบาลนครขอนแก่น ชั้น 2 ตลาดสดเทศบาล 1 ถ.กลางเมือง ต.ในเมือง อ.เมือง จ.ขอนแก่น
|
|
|
|
 |
|
- นักเรียน นักศึกษา ครู อาจารย์ - ผู้ประกอบการ บริษัท องค์กร หน่วยงานต่างๆ - บุคคลทั่วไปที่สนใจในการสร้างงานกราฟิกและวีดีโอ
|
 |
|
สามารถใช้คอมพิวเตอร์พื่้นฐานได้ในเกณฑ์ดี
|
 |
|
- ผู้เข้าอบรมต้องมีบัญชีอีเมล์ที่พร้อมใช้งานก่อนการอบรมทุกคน (แนะนำ Gmail) - ศูนย์ฯ มีคอมพิวเตอร์ให้ใช้อบรม หรือผู้เข้าอบรมสามารถนำโน๊ตบุ้คส่วนตัวมาใช้ในการอบรมได้
|
 |
|
- ผู้ผ่านการอบรมมีความเข้าใจในหลักการออกแบบ UX/UI - ผู้ผ่านการอบรมสามารถใช้ Google Stitch ช่วยออกแบบและต่อยอดงานได้ - ผู้ผ่านการอบรมสามารถนำแนวทางไปพัฒนาเป็นระบบจริง (Web / Mobile / App) ได้ - ผู้ผ่านการอบรมสามารถนำความรู้ไปใช้ในชีวิตประจำวัน การทำงานและนำไปประยุกต์ใช้งานต่อได้ - ผู้เข้าอบรมครบเวลา 80% และทำแบบทดสอบผ่าน จะได้รับเกียรติบัตร จากศูนย์ฯ
|
 |
|
รับสมัครออนไลน์และตรวจสอบรายชื่อที่ www.kkict.net หรือ สมัครด้วยตนเองที่ ศูนย์พัฒนาทักษะและการเรียนรู้ ICT เทศบาลนครขอนแก่น ชั้น 2 ตลาดสดเทศบาล 1 ถ.กลางเมือง ต.ในเมือง อ.เมือง จ.ขอนแก่น
สอบถามรายละเอียดเพิ่มเติมได้ที่ ฝ่ายฝึกอบรม โทรศัพท์ : 084-5830208 เว็บไซต์ : www.kkict.net เฟสบุ๊ค : www.facebook.com/kkict
|
|

|
สมัครด่วน! รับจำนวนจำกัด
(รายชื่อจะแสดงหลังสมัครประมาณ 5 นาที)
เครื่องมือคำสั่งที่จำเป็นของ PowerPoint ในการออกแบบ InfoGraphic
|