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

ผู้สอน
nstructor.imageUrl
อดิรุจ อาทิตยพงศ์
CEO & Founder at UXUI Studio Ltd., Part & Product Manager at FynnCorp IR Tech Company Limited
870 ผู้เรียน
คอร์สนี้เป็นส่วนหนึ่งของเส้นทางการเรียนรู้
เพิ่มประสิทธิภาพการออกแบบ UI ด้วยโปรแกรม Figma
คอร์สนี้ได้เรียนอะไรบ้าง?
สามารถวิเคราะห์โจทย์ ระบุปัญหา (Empathize & Define) จนสามารถออกแบบภาพร่าง Wireframe ของหน้าเว็บไซต์ สำหรับ Desktop และ Mobile ออกมาได้
เข้าใจประเภทของ Wireframe และสามารถเลือกใช้งาน Wireframe แต่ละประเภทได้ตามความเหมาะสม
สามารถออกแบบ High Fidelity Wireframe ตามโจทย์ที่กำหนด เพื่อใช้ในการต่อยอดเพื่อทำ Prototype ต่อไปได้
เข้าใจหลักการการออกแบบ Responsive และสามารถออกแบบให้เหมาะสบกับการแสดงผลบนหน้าจอขนาดต่าง ๆ ได้
บริษัทชั้นนำเสนอคอร์สเรียนนี้ให้กับพนักงาน
คอร์สเรียนนี้เป็นคอร์สเรียนยอดนิยมที่ได้รับความไว้วางใจจากหลากหลายบริษัท และสถานศึกษา
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


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

  • เข้าใจวิธีการวิเคราะห์โจทย์ Assignment เบื้องต้น ด้วยกระบวนการ UX Research (Empathize & Define)
  • เข้าใจวิธีการออกแบบ Wireframe ทั้ง 3 รูปแบบ (Lofi-wireframe, Midfi-wireframe, Hifi-wireframe)
  • เข้าใจวิธีการออกแบบ Website & Application (Responsive) ออกแบบอย่างไรให้รองรับได้หลากหลายหน้าจอ
  • ต่อยอดคอร์ส UX/UI พื้นฐาน ที่จะช่วยให้สามารถใช้งาน Figma ได้ อย่างเป็นระบบในระดับ Intermediate


จุดเด่นของคอร์สนี้

  • สอนกระบวนการคิดตั้งแต่เริ่มต้นจนจบกระบวนการ จาก requirement หรือ โจทย์ -> wireframe -> UI -> Prototype และ ในส่วนของ Responsive ที่ไม่ค่อยมีใครสอนหรือให้ลองทำ


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

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


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

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


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

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

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


Copyright © 2022 LIKEME X CO., LTD.

)