Design system with Figma 101 รุ่น 3

คอร์ส Design system with Figma 101 รุ่นที่ 3

ถ้าใครยังติดปัญหาไม่ว่าจะเป็น

• ไม่เข้าใจว่า Design system ด้วย Figma ทำอย่างไร?
• จะใช้งาน Figma มาจัดการกับ Component ยังไงเพื่อให้ใช้งานง่าย เช็คอย่างไร?
• ออกแบบยังไงให้ดูมีความสม่ำเสมอ และดูน่าใช้งานเหมือนกับแอพและเว็บที่ใช้งานจริงในตลาด
• จะแบ่งกลุ่ม UI Component อย่างไร?

แอดนัทจะพาทุกท่านไปส่องเบื้องลึกเบื้องหลังของงาน UI เพื่อนำไปปรับใช้งานกับองค์กรหรือโปรเจคของทุกท่านเองแบบตั้งแต่เริ่มต้น ในสไตล์การเรียนแบบภาษาไทยย่อยง่าย ได้ทดลองทำงานจริงเพราะเราเรียนกันถึง 2 วัน ให้เวลาทุกท่านได้กลับบ้านไปทำโปรเจคหลังเรียนจบ ซึมซับเนื้อหาการเรียนระหว่างสัปดาห์

ข้อดีของคอร์สนี้คือ ถ้าหากเราเข้าใจพื้นฐานของการทำงานของ UI แล้ว เราก็จะต่อยอดไปที่การจัดการของ Design system ได้อย่างเข้าใจภาพรวมองค์ประกอบทั้งหมดได้มากขึ้น และสามารถค้นคว้าหาความรู้เพิ่มเติมได้ด้วยตนเองหลังเรียนจบด้วยคำศัพท์ UI ใน Design Industry ที่ใช้งานตรงกันทั่วโลก

ปรับเนื้อหาให้มีความละเอียด และปูพื้นฐานสำหรับผู้เริ่มต้นมากยิ่งขึ้นในรุ่นที่ 3

หากใครที่ผ่านการเขียนโค้ด HTML, CSS หรือเข้าใจการทำงานของการเขียนแอป และเคยใช้งาน Figma มาแล้ว
เราจะแนะนำให้ไปเรียนในคอร์สของ Design tokens จะตอบโจทย์กับทุกท่านมากกว่าค่ะ ^_^

คอร์สนี้เหมาะสำหรับ

• มือใหม่ ประสบการณ์เป็น 0 ก็เรียนได้
• ท่านที่อยากเรียนรู้เรื่อง UI
• ท่านที่อยากทราบวิธีการใช้งาน Figma กับการวาง Design system
• ท่านที่อยากเข้าใจพื้นฐานการทำงาน Design system

ท่านจะได้รับอะไรจากคอร์สนี้

• ไฟล์งาน Design system แบบพื้นฐาน
• สามารถนำงานที่เรียนจากในคลาสไปต่อยอดกับคอร์สถัดไปในหัวข้อ Design tokens ได้
• ใบประกาศณียบัตร

จุดเด่นของการเรียน

• เรียนออนไลน์ 100%
• มีวิดีโอย้อนหลัง
• มีการบ้านให้ทำ ช่วยให้ได้กลับไปทบทวนเนื้อหาและได้ทดลองทำงานจริง
• มีห้อง Discord ให้ส่งการบ้านและส่งงานหลังเรียนจบ
• ผู้สอนจะตรวจการบ้านให้นักเรียนตัวต่อตัวทุกท่าน
  มั่นใจได้ว่าท่านจะได้รับคำแนะนำพิเศษหลังเรียนจบเพื่อนำไปศึกษาต่อด้วยตนเอง

วัน เวลาเรียน

วันที่ 1 – เสาร์ที่ 11 กุมภาพันธ์ 2566 เวลา 9.00 น. – 13.00 น. (4 ชม.)

• ปูพื้นฐาน Design system
• ปูพื้นฐานเทคโนโลยี Design tokens
• Colour (Light mode / Dark mode)
• [Workshop] สอนการจัดการสี
• Typography
• [Workshop] สอนการสร้างตัวหนังสือ
• Spacing / Alignment / Sizing / Consistency / Grid
• [Workshop] สอนการจัดการ Spacing, alignment, grid
• Responsive Website
• [การบ้าน] ให้กลับไปทำ Component ของตัวเองเพื่อเอามาประกอบร่างกันในคลาสถัดไป

วันที่ 2 - เสาร์ที่ 18 กุมภาพันธ์ 2566 เวลา 9.00 น. – 13.00 น. (4 ชม.)

• การทำงานของ Design system ระหว่าง Design & Code
• Accessibility
• ปูพื้นฐานการทำงานของ UI และ Properties
• [Workshop] สอนการสร้าง Component และการจัดการ Properties
• การจัดการ Component ของแต่ละ platform เช่น iOS, Android และ Responsive
• [Workshop] สอนใช้งาน Plugin เพื่อจัดการ components

วันที่ 3 - ศุกร์ที่ 24 กุมภาพันธ์ 2566 เวลา 20.00 น. – 22.00 น. (3 ชม.)

• Q&A ตอบคำถามและสอนการใช้งานส่วนที่ยังมีข้อสงสัย
• [Workshop] เก็บตกเนื้อหาที่ยังไม่ได้สอนภายในคลาส

หมายเหตุ:
หากสมัครเรียนแล้ว
– ท่านจะได้รับทางเข้าชมคลาสสอนสดแบบ Live ผ่านทางอีเมล์ก่อนเริ่มเรียน 1 สัปดาห์

หน้าเว็บไซต์นี้ สำหรับผู้ที่ต้องการชำระทางบัตรเครดิต / เดบิต ในรูปแบบบุคคลทั่วไปเท่านั้น
หากท่านต้องการชำระเงินทางการโอน หรือในรูปแบบบริษัทที่ต้องการใบเสร็จรับเงิน
กรุณาติดต่อทางเพจของเรานะครับ ทางนี้เลย Designil fanpage