เปลี่ยน Wireframe เป็น Responsive UI และสร้าง Interactive Prototype ด้วย Figma

ผู้สอน
nstructor.imageUrl
อดิรุจ อาทิตยพงศ์
CEO & Founder at UXUI Studio Ltd., Part & Product Manager at FynnCorp IR Tech Company Limited
507 ผู้เรียน
คอร์สนี้เป็นส่วนหนึ่งของเส้นทางการเรียนรู้
เพิ่มประสิทธิภาพการออกแบบ UI ด้วยโปรแกรม Figma
คอร์สนี้ได้เรียนอะไรบ้าง?
ออกแบบ User Interface (UI) สำหรับ Desktop & Mobile web จากภาพร่าง Wireframe ได้
รู้จักและได้ทดลองใช้งาน plugins ที่ช่วยให้ทำงานได้เร็วขึ้น และสามารถนำไปปรับใช้กับงานได้อย่างเหมาะสม
รู้เทคนิคการสร้าง Interactive Prototype และสามารถสร้างตามโจทย์ที่กำหนดได้
บริษัทชั้นนำเสนอคอร์สเรียนนี้ให้กับพนักงาน
คอร์สเรียนนี้เป็นคอร์สเรียนยอดนิยมที่ได้รับความไว้วางใจจากหลากหลายบริษัท และสถานศึกษา
Group27409.png
รายละเอียดคอร์สเรียน

เส้นทางในการเรียนซีรีส์ เพิ่มประสิทธิภาพการออกแบบ UI ด้วยโปรแกรม Figma เรียนตามลำดับดังนี้

1.วิเคราะห์โจทย์ และออกแบบ Wireframe บน Figma

2.เปลี่ยน Wireframe เป็น Responsive UI และสร้าง Interactive Prototype ด้วย Figma

3.เพิ่มประสิทธิภาพการออกแบบด้วย Design System และ Component บน Figma

4.ต่อยอด Design System ด้วย Design Tokens บน Figma เพื่อรองรับการปรับขยาย


คอร์สเรียนนี้เหมาะกับใคร

  • นักเรียน และนักศึกษา ที่สนใจการออกแบบ UX/UI
  • บุคคลทั่วไปที่สนใจการออกแบบ UX/UI และต้องการย้ายสายงาน
  • ผู้ใช้งาน Figma ระดับ Basic ที่ต้องการพัฒนาไปในระดับ Intermediate
  • นักออกแบบ UI ระดับ Junior ที่ต้องการต่อยอด อัปสกิลการออกแบบอย่างเป็นระบบให้ Advance มากขึ้น
  • Product Team, Developer, PM หรือ PO ที่อยากเข้าใจการออกแบบ UX/UI


วัตถุประสงค์ของคอร์สเรียน

  • เข้าใจวิธีการออกแบบจาก Wireframe สู่ User Interface สำหรับ Desktop & Mobile 
  • ใช้งานฟังก์ชัน และ plugins ต่าง ๆ ของ Figma ที่ช่วยให้การออกแบบ UI มีประสิทธิภาพ และลดเวลาการทำงาน ทำงานได้ไวมากขึ้น
  • เข้าใจเทคนิคการสร้าง Interactive Prototype ให้สามารถตอบสนองการทำงานของผู้ใช้งานได้ (Interactive)
  • ต่อยอดคอร์ส UX/UI พื้นฐาน ที่จะช่วยให้สามารถใช้งาน Figma ได้ อย่างเป็นระบบในระดับ Intermediate 


พื้นฐานที่จำเป็น?/สิ่งที่ต้องมี

  • มีประสบการณ์การใช้งานโปรแกรม Figma
  • มีประสบการณ์การออกแบบ UI เบื้องต้น


สิ่งที่ต้องมี 

  • คอมพิวเตอร์/โน๊ตบุ๊ค


โปรแกรมที่ต้องใช้ / สเปคคอม

  • Figma
แสดงเพิ่มเติม
รายละเอียดบทเรียน
6 บทเรียน • ความยาวทั้งหมด 1 ชั่วโมง 12 นาที
fs-logo

แพลตฟอร์มการเรียนออนไลน์สำหรับทักษะแห่งอนาคต


Copyright © 2022 LIKEME X CO., LTD.

)