
เรียนรู้การสร้างเว็บไซต์ตามหลักการ Grid System พร้อมการจัดการ Color Style และ Text Style ที่ครบถ้วน ตั้งแต่การจัดวาง Layout ที่ตอบโจทย์ UX/UI และการสร้าง Prototype ที่สมบูรณ์แบบ
วัตถุประสงค์
1. ทำความเข้าใจพื้นฐานการออกแบบ Responsive Web Design
2. ฝึกการใช้ Figma เพื่อสร้าง Responsive Layout
3. เรียนรู้การใช้ Auto Layout และ Constraints
4. สร้าง Prototype สำหรับทดสอบเว็บไซต์แบบ Responsive
หลักสูตรนี้เหมาะสำหรับ
1. Graphic Designer ที่ต้องการเปลี่ยนสายออกแบบ UI
2. ผู้ที่สนใจในสายงานการออกแบบ Website อย่างถูกต้อง
3. บริษัทหรือเจ้าของกิจการที่ต้องการส่งพนักงานมาอบรมการสร้างเว็บไซต์
4. นักศึกษาที่สนใจในสายงานการออกแบบเว็บไซต์
ระยะเวลาในการอบรม: 2 วัน
14 ชั่วโมง
เนื้อหาการอบรม
1. การสร้างและจัดการ Grid System
2. Web Page Layout
3. Wireframe
4. Block Design (Header, Navigation, Content, Footer)
5. แปลง Wireframe เป็น UI
6. การจัดการ Style
7. การสร้าง Design System
8. การใช้งาน Auto Layout
9. การใช้งาน Components & Variants
10. การสร้าง Interactive Prototype
ประวัติผู้สอน
• ประสบการณ์ออกแบบ UX/UI และ Digital Product มากกว่า 15 ปี
• ประสบการณ์คุมทีมดีไซน์มากกว่า 15 ปี
• ที่ปรึกษาการออกแบบ UX/UI ให้กับหน่วยงานรัฐและเอกชน
• เจ้าของช่อง Youtube (https://youtube.com/@uncleake)
• ออกแบบและคุมงาน Digital Product ที่ทำรายได้ทั้งหมดมากกว่า 100 ล้านบาท
• Online Speaker UX Thailand Conference 2024 : Prototyping Excellence with Figma