← กลับไปหน้า Workshop ทั้งหมด
UI Design Best Practices
ออกแบบ UI ให้สวยและใช้งานได้จริง ด้วยหลักการและ Figma
เกี่ยวกับ Workshop นี้
Workshop ที่พาคุณเข้าใจหลักการออกแบบ UI ที่ใช้ได้จริง ตั้งแต่ Layout, Typography, สี ไปจนถึงการสร้าง Component ใน Figma เพื่อให้งานออกแบบสวย สม่ำเสมอ และพร้อมส่งต่อให้ทีมพัฒนา
คุณจะได้เรียนรู้อะไร
✓เข้าใจหลัก Visual Hierarchy และ Layout
✓เลือกใช้ Typography และสีอย่างมีระบบ
✓ใช้ Auto Layout และ Component ใน Figma
✓สร้าง Design System ขนาดเล็ก
✓ออกแบบหน้าจอให้รองรับหลายขนาด
✓เตรียมไฟล์ส่งต่อให้ Developer
เนื้อหา Workshop
MODULE 01
หลักการพื้นฐานของ UI
Visual Hierarchy, Spacing, Grid และ Layout
MODULE 02
Typography และสี
เลือกฟอนต์ จัดสเกลตัวอักษร และวางระบบสี
MODULE 03
Figma สำหรับ UI Designer
Auto Layout, Component และ Variant
MODULE 04
สร้าง Design System เบื้องต้น
Token, Style และ Component Library
MODULE 05
Workshop: ออกแบบหน้าจอจริง
ออกแบบหน้าจอจากโจทย์ พร้อมรับ Feedback
เหมาะกับใคร
ผู้ที่มีพื้นฐาน UX แล้วอยากพัฒนาด้าน UIGraphic Designer ที่อยากออกแบบ Digital ProductFrontend Developer ที่อยากเข้าใจงานออกแบบสิ่งที่ต้องเตรียม
โน้ตบุ๊ก พร้อมบัญชี Figma (ฟรี)มีพื้นฐานการใช้ Figma เล็กน้อยจะช่วยได้มากความอยากรู้และพร้อมลงมือทำผู้สอน
Okuzero Team
ทีมวิทยากร · Okuzero Studio
ทีม Designer, Developer และ Product จาก Okuzero Studio ที่ออกแบบและพัฒนาผลิตภัณฑ์ดิจิทัลให้ลูกค้าจริง ถ่ายทอดจากประสบการณ์ทำงานจริงในทุกคลาส