UI Design Best Practices
ออกแบบ UI ให้สวยและใช้งานได้จริง ด้วยหลักการและ Figma
จัดโดยOkuzero Studio
ผู้สอน · Okuzero Team
วันที่1 พ.ย. 69
เวลา-
รูปแบบOnsite
ระยะเวลา-
เกี่ยวกับ Event นี้
Workshop ที่พาคุณเข้าใจหลักการออกแบบ UI ที่ใช้ได้จริง ตั้งแต่ Layout, Typography, สี ไปจนถึงการสร้าง Component ใน Figma เพื่อให้งานออกแบบสวย สม่ำเสมอ และพร้อมส่งต่อให้ทีมพัฒนา
สิ่งที่คุณจะได้เรียนรู้
- เข้าใจหลัก Visual Hierarchy และ Layout
- เลือกใช้ Typography และสีอย่างมีระบบ
- ใช้ Auto Layout และ Component ใน Figma
- สร้าง Design System ขนาดเล็ก
- ออกแบบหน้าจอให้รองรับหลายขนาด
- เตรียมไฟล์ส่งต่อให้ Developer
ตารางเวลา
- 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
เหมาะกับใคร
- ผู้ที่มีพื้นฐาน UX แล้วอยากพัฒนาด้าน UI
- Graphic Designer ที่อยากออกแบบ Digital Product
- Frontend Developer ที่อยากเข้าใจงานออกแบบ
สิ่งที่ต้องเตรียม
- โน้ตบุ๊ก พร้อมบัญชี Figma (ฟรี)
- มีพื้นฐานการใช้ Figma เล็กน้อยจะช่วยได้มาก
- ความอยากรู้และพร้อมลงมือทำ
เกี่ยวกับผู้จัด
Okuzero Studiookuzero.com ↗
ผู้สอน
Okuzero TeamOkuzero Studio
จัดโดย Okuzero Studio
Event ที่เกี่ยวข้อง
1พ.ย.Design & UXDesign Thinking Workshop
แก้โจทย์ธุรกิจอย่างสร้างสรรค์ด้วยกระบวนการ Design Thinking
Okuzero Studio1 พ.ย. 69 · ฟรี
1พ.ย.Design & UXUsability Testing
วางแผน ทดสอบกับผู้ใช้จริง และสรุปผลเพื่อปรับปรุงงาน
Okuzero Studio1 พ.ย. 69 · ฟรี
1พ.ย.Design & UXUX UI Designer 1:1
เรียนพื้นฐานการเป็น UX UI Designer แบบตัวต่อตัว ด้วยเทคนิคเฉพาะของผู้สอน
Okuzero Studio1 พ.ย. 69 · ฿10,000