ปักหมุด! คอร์ส Design system จาก Designil

Natk
📖 บทความนี้มีอะไรบ้าง แสดง

จัดให้ตามคำเรียกร้อง กับคอร์ส Design system with Figma ที่จะพาเพื่อนๆ มาพัฒนาทักษะที่บริษัทไหนๆ ก็อยากแย่งตัว! 

ในรูปแบบเรียนออนไลน์ สอนสด พร้อมวิดีโอย้อนหลังทบทวนบทเรียน ปูพื้นฐานเรื่อง Design system with Figma 101 ตั้งแต่ขั้นพื้นฐานแบบจัดเต็ม เนื้อหาแน่น เริ่มตั้งแต่ก้าวแรกของการออกแบบ UI UX สิ่งสำคัญที่ Designer และ Developer ในสายพัฒนา Product ต้องรู้ เพื่อให้ทุกคนเดินไปในเส้นทางเดียวกัน หมดปัญหาความคิดเห็นไม่ตรงกัน หลุดโฟกัสระหว่างทาง ไปจนถึงคอร์สเรียน Design system with Figma ขั้นสูง ที่จะเจาะลึกถึงรายละเอียดในด้าน Scaling design system การจัดการ การวางแผน Design system เพื่อรองรับการเติบโตขององค์กรในอนาคต

คอร์ส design system
คอร์ส Design system เรียนพื้นฐาน UI + การจัดการจาก Design system ชื่อดัง

คอร์สเรียน Design system เปิดรับสมัครแล้ววันนี้

ในปัจจุบัน Designil มีอบรมคอร์สเรียน Design system ที่จะเปิดตารางในทุกๆ สองเดือน สามารถติดตามคอร์สแบบกลุ่มของเราได้ผ่านเว็บไซต์ https://online.designil.com

คอร์สที่เปิดสอนมีดังต่อไปนี้


✅ 1. คอร์ส Design system with Figma 101

🔥 คอร์​สเรียนยอดนิยม เปิดมาแล้วมากกว่า 9 รุ่น! 🔥
12 hours of live class & on-demand video

สอน UI และวิธีการใช้งาน Figma เหมาะสำหรับผู้เริ่มต้น และผู้ที่ไม่เคยมีพื้นฐานมาก่อน

  • ผู้สนใจงาน UX UI และต้องใช้งาน UI บน Figma
  • UI Designer เรียนรู้การทำงานของ UI และเทคโนโลยีในการวางแผนการทำงานให้ยืดหยุ่นรองรับอนาคต
  • UX Designer ทำความเข้าใจ Figma และ UI
  • Project Manager บริหาร Design system ที่วัดผลได้
  • Frontend Developer ต้องทำงานร่วมกับ Designer และต้องการเข้าใจการออกแบบบน Figma
  • บุคคลทั่วไป / นักศึกษา สร้างผลงานด้าน Design system พร้อมใช้งานจริง

สอนพื้นฐาน User interface ที่ทุกคนต้องรู้ เป็นคอร์ส Fundamental พื้นฐานสำหรับผู้ที่เริ่มต้นทำงานในด้าน UI/UX เพราะเราจะพาทุกคนไปปูพื้นฐานกับเทคนิคการออกแบบและการทำงานด้าน UI/UX แบบสมัยใหม่ ด้วยโปรแกรม Figma พร้อมเทคนิคที่สามารถนำไปใช้งานได้จริงแบบ Practical เรียนจบแล้ว 3 วันสามารถเริ่มต้นออกแบบแอปและเว็บไซต์แบบง่ายๆ ด้วยตนเองได้เลย

⭐️ เนื้อหาในคอร์​สเรียน Design system with Figma 101

DAY 1 – Styles

วันที่ 1
เวลา 9.00 น. – 12.00 น. (4 ชม.)

  • Colour
  • Spacing / Alignment / Sizing / Consistency / Grid
  • Typography
  • Accessibility
  • Responsive Website
  • เทคโนโลยีในการทำงานด้าน Design system

Workshop

  • สอนการใช้ Figma ในการสร้าง Styles ด้วย Variables ฟีเจอร์
  • [การบ้าน] ทำ Components ของตัวเองเพื่อการเรียนในครั้งถัดไป

DAY 2 – Components

วันที่ 2
เวลา 9.00 น. – 12.00 น. (4 ชม.)

  • ปูพื้นฐานเรื่อง Design system เช่น Input ประกอบด้วยอะไรบ้าง, Component นี้จะถอดออกมาในระดับ Atomic ได้อย่างไร, ชิ้นไหน Reusable, การแยก Variant, การรวม Component
  • สอนพื้นฐาน UI แต่ละตัวใช้งานอย่างไร เช่น การใช้งาน Checkbox และ Input, การทำงานของ UI จะต้องทำ Component รองรับกี่ State สำหรับ Accessibility
  • iOS, Android components
  • ทดลองสร้าง Mobile UI ของตนเองในรูปแบบต่างๆ
  • ความแตกต่างระหว่าง Platform และเทคโนโลยีที่ต้องรูป (แบบไม่ต้องเขียนโค้ด)
  • การจัดการ Component พร้อมยกตัวอย่างสถานการณ์จริงในองค์กร
  • ปูพื้นฐาน Design tokens และการตั้งชื่อแบบพื้นฐาน
  • ทำความเข้าใจกับ UI States และ UI Stacks

Workshop

  • ประกอบรวม Components ของตัวเองเข้าเป็น System
  • สอนใช้งาน Plugin เพื่อจัดการ Component แบบขั้นสูง

วันที่ 3
เวลา 9.00 น. – 12.00 น. (4 ชม.)

  • iOS, Android components
  • ทดลองสร้าง Mobile UI ของตนเองในรูปแบบต่างๆ
  • การจัดการ Component พร้อมยกตัวอย่างสถานการณ์จริงในองค์กร
  • วิธีการ Publish components ใน Figma และการจัดการ library
  • วิธีสร้าง page และ prototype แบบง่ายๆ
  • เก็บตก Q&A คำถามและคำตอบ
  • ทดลองออกแบบหน้าจอของตัวเอง
  • ทดลองทำ Prototype บน Figma แบบเริ่มต้น
  • ทดลอง Publish components และดึง components ของตัวเองกลับมาใช้งาน

✅ 2. คอร์ส Design Tokens with Figma

12 hours of live class & on-demand video

คอร์สที่ต่อจาก Design system with Figma เหมาะสำหรับผู้มีพื้นฐาน และมีความเข้าใจเรื่องของการทำ Design system มาบ้าง จะเป็นการปูพื้นฐานเทคโนโลยีเรื่อง design tokens แบบละเอียด เพื่อใช้ในการจัดการส่วนประกอบต่างๆ ของ Styles ใน User interface โดยจะมีเรื่องของการส่งงานในฝั่งของ Design tokens เพื่อนำไปใช้งานจริงระหว่าง Designer และ Developer แบบละเอียด


✅ 3. คอร์ส Mobile app design

12 hours of live class & on-demand video

เป็นคอร์สสอนออกแบบ Mobile app design ที่จะสอนออกแบบแอปพลิเคชันตั้งแต่เริ่มต้น ตั้งแต่ความแตกต่างระหว่างแอป iOS และ Android รวมไปถึง native components และเทคโนโลยีที่เกี่ยวข้องของการทำงานบนแอปพลิเคชัน ปูพื้นฐานด้าน Accessibility และอื่นๆ เพื่อให้ดีไซน์เนอร์สามารถออกแบบได้ตอบโจทย์กับหน้าจออย่างเป็นระบบ


⭐️ จุดเด่นของการเรียนกับ Designil ⭐️

  • สอนสด เรียนออนไลน์ 100%
  • มีวิดีโอย้อนหลังให้ทบทวนความรู้ได้ตลอดเวลา
  • มีการบ้านให้ฝึกฝน มีผลงาน UI หลังเรียนจบ
  • มีห้อง Discord ให้ส่งการบ้าน และส่งงานหลังเรียนจบ

⭐️ ราคา Early bird 6,900 บาท ⭐️

(จากปกติ 7,900 บาท) 

หลังจากสมัครแล้ว Designil จะทำการจัดส่งลิงก์ Live Video ให้อีกครั้งทางอีเมล
*หากไม่สะดวกในการชำระเงินด้วยบัตรเครดิต หรือต้องการสั่งซื้อในนามบริษัท กรุณาติดต่อทาง เพจ Designil


คำถามที่ถามบ่อย

  1. ไม่มีตารางเรียนแสดงในหน้าเว็บไซต์

    ตารางเรียนออนไลน์ของเราจะมีการอัปเดตทุกๆ 2 เดือน ติดตามข้อมูลข่าวสารได้ทางเว็บไซต์ https://online.designil.com หรือฝากชื่อให้ติดต่อกลับได้ทาง เพจ Designil

  2. คอร์สเรียนออนไลน์จะมีวิดีโอย้อนหลังหรือไม่?

    หากเข้าเรียนไม่ทัน หรือเวลาของนักเรียนไม่ตรงกับคลาสเรียน
    วิดีโอย้อนหลังของเราจะเพิ่มลงในระบบหลังเรียนจบภายใน 2 วัน และสามารถดูวิดีโอย้อนหลังได้ในระยะเวลา 1 ปี

  3. สมัครเรียนแบบบริษัท หรือนิติบุคคลอย่างไร?

    ต้องการสั่งซื้อในนามบริษัท กรุณาติดต่อทาง เพจ Designil

  4. มีส่วนลดหรือไม่?

    นักเรียนเก่าจะได้รับส่วนลดคลาสเรียนถัดไป 500 บาท สามารถสอบถามโค้ดส่วนลดได้ทาง เพจ Designil

  5. มีคำถามเพิ่มเติมเกี่ยวกับคอร์สเรียน?

    สามารถสอบถามได้ทาง เพจ Designil หรือติดต่อผู้สอนแอดนัทได้โดยตรงทาง Designil Discord

  6. วิดีโอเข้าคลาสเรียน Live ดูทางไหน?

    รับวิดีโอเข้าคลาสเรียนแบบ Live ได้ทาง Email ก่อนเริ่มเรียน 1 วัน

  7. มีใบประกาศณียบัตรให้หรือไม่?

    ใบประกาศณียบัตรจะอยู่ในระบบคลาสเรียนของนักเรียน หากดูวิดีโอจบครบทุกวิดีโอ จะสามารถรับใบประกาศณียบัตรได้

    หากไม่สามารถกดรับใบประกาศได้ สามารถติดต่อแอดมินได้ทาง เพจ Designil


บทความที่เกี่ยวข้อง

Natk

Natk

UI Specialist ซิดนีย์ ออสเตรเลีย | ประสบการณ์ทำงาน 11 ปี | สนใจเรื่อง User Interface, User Experience, Accessibility, Education | ผู้ก่อตั้งกลุ่มเฟซบุ๊ก Tech ไทยในออสเตรเลีย | ผู้ดูแลเว็บไซต์ Designil
บทความทั้งหมด