UI Design Best Practices
ออกแบบ UI ให้สวยและใช้งานได้จริง ด้วยหลักการและ Figma
Organized byOkuzero Studio
Instructor · Okuzero Team
Date1 Nov 2026
Time-
FormatOnsite
Duration-
About this Event
Workshop ที่พาคุณเข้าใจหลักการออกแบบ UI ที่ใช้ได้จริง ตั้งแต่ Layout, Typography, สี ไปจนถึงการสร้าง Component ใน Figma เพื่อให้งานออกแบบสวย สม่ำเสมอ และพร้อมส่งต่อให้ทีมพัฒนา
What you'll learn
- เข้าใจหลัก Visual Hierarchy และ Layout
- เลือกใช้ Typography และสีอย่างมีระบบ
- ใช้ Auto Layout และ Component ใน Figma
- สร้าง Design System ขนาดเล็ก
- ออกแบบหน้าจอให้รองรับหลายขนาด
- เตรียมไฟล์ส่งต่อให้ Developer
Schedule
- Module 1หลักการพื้นฐานของ UI — Visual Hierarchy, Spacing, Grid และ Layout
- Module 2Typography และสี — เลือกฟอนต์ จัดสเกลตัวอักษร และวางระบบสี
- Module 3Figma สำหรับ UI Designer — Auto Layout, Component และ Variant
- Module 4สร้าง Design System เบื้องต้น — Token, Style และ Component Library
- Module 5Workshop: ออกแบบหน้าจอจริง — ออกแบบหน้าจอจากโจทย์ พร้อมรับ Feedback
Who it's for
- ผู้ที่มีพื้นฐาน UX แล้วอยากพัฒนาด้าน UI
- Graphic Designer ที่อยากออกแบบ Digital Product
- Frontend Developer ที่อยากเข้าใจงานออกแบบ
What to bring
- โน้ตบุ๊ก พร้อมบัญชี Figma (ฟรี)
- มีพื้นฐานการใช้ Figma เล็กน้อยจะช่วยได้มาก
- ความอยากรู้และพร้อมลงมือทำ
About the organizer
Okuzero Studiookuzero.com ↗
Instructor
Okuzero TeamOkuzero Studio
Organized by Okuzero Studio
Related Events
1NovDesign & UXDesign Thinking Workshop
แก้โจทย์ธุรกิจอย่างสร้างสรรค์ด้วยกระบวนการ Design Thinking
Okuzero Studio1 Nov 2026 · Free
1NovDesign & UXUsability Testing
วางแผน ทดสอบกับผู้ใช้จริง และสรุปผลเพื่อปรับปรุงงาน
Okuzero Studio1 Nov 2026 · Free
1NovDesign & UXUX UI Designer 1:1
เรียนพื้นฐานการเป็น UX UI Designer แบบตัวต่อตัว ด้วยเทคนิคเฉพาะของผู้สอน
Okuzero Studio1 Nov 2026 · ฿10,000