Design system with Figma 101 รุ่น 5
คอร์สสอนใช้งาน Figma ในการทำ Design system
คอร์ส Design system with Figma 101 รุ่นที่ 5
คอร์สเรียนออนไลน์แบบสอนสด ทางด้าน UI Design
ถ้าใครยังติดปัญหาไม่ว่าจะเป็น
- ไม่เข้าใจว่า Design system ด้วย Figma ทำอย่างไร?
- จะใช้งาน Figma มาจัดการกับ Component ของ UI ยังไงเพื่อให้ใช้งานง่าย? เช็คงาน UI อย่างไร?
- ออกแบบ UI ยังไงให้ดูมีความสม่ำเสมอ และดูน่าใช้งานเหมือนกับแอพและเว็บที่ใช้งานจริงในตลาด
- จะแบ่งกลุ่ม UI Component อย่างไร?
แอดนัทจะพาทุกท่านไปส่องเบื้องลึกเบื้องหลังของงาน UI เพื่อนำไปปรับใช้งานกับองค์กรหรือโปรเจคของทุกท่านเองแบบตั้งแต่เริ่มต้น ในสไตล์การเรียนแบบภาษาไทยย่อยง่าย ได้ทดลองทำงานจริงเพราะเราเรียนกันถึง 3 วัน ให้เวลาทุกท่านได้กลับบ้านไปทำโปรเจคหลังเรียนจบ ซึมซับเนื้อหาการเรียนระหว่างสัปดาห์
ข้อดีของคอร์สนี้คือ ถ้าหากเราเข้าใจพื้นฐานของการทำงานของ UI แล้ว เราก็จะต่อยอดไปที่การจัดการของ Design system ได้อย่างเข้าใจภาพรวมองค์ประกอบทั้งหมดได้มากขึ้น และสามารถค้นคว้าหาความรู้เพิ่มเติมได้ด้วยตนเองหลังเรียนจบ
คอร์สนี้เราจะสอนคำศัพท์ UI ใน Design Industry ที่ใช้งานตรงกันทั่วโลกแบบละเอียดยิบ
🔴 ใหม่!!! 🔴
ปรับปรุงเนื้อหาให้มีความละเอียดมากกว่าเดิม
เพิ่มเนื้อหาตามงาน Figma Config ฟีเจอร์ใหม่แห่งปี 2023
คอร์สนี้เหมาะสำหรับ
- มือใหม่ ประสบการณ์เป็น 0 ก็เรียนได้
- ท่านที่อยากเรียนรู้เรื่อง UI (User interface design)
- ท่านที่อยากทราบวิธีการใช้งาน Figma กับการวาง Design system
- ท่านที่อยากเข้าใจพื้นฐานการทำงาน Design system
ท่านจะได้รับอะไรจากคอร์สนี้
- ไฟล์งาน Design system แบบพื้นฐาน
- สามารถนำงานที่เรียนจากในคลาสไปต่อยอดกับคอร์สถัดไปในหัวข้อ Design tokens ได้
- ใบประกาศณียบัตร
จุดเด่นของการเรียน
- เรียนออนไลน์ 100%
- มี Workshop แบบออนไลน์ เรียนไปทำไปพร้อมกันทุกคลาสเรียน
- มีวิดีโอย้อนหลังเรียนได้ 1 ปี
- มีการบ้านให้ทำ ให้นักเรียนทบทวนเนื้อหาและได้ทดลองทำงานจริง
- มีห้อง Discord ให้ส่งการบ้านและส่งงานหลังเรียนจบ
- ตรวจการบ้านให้นักเรียนตัวต่อตัวทุกท่าน!
- การบ้านทุกคนจะได้รับคอมเมนต์ไม่เหมือนกัน แล้วแต่งานของนักเรียน
- รับคำแนะนำพิเศษหลังเรียนจบเพื่อนำไปศึกษาต่อด้วยตนเอง
วัน เวลาเรียน
คอร์สเรียนสด 12 ชม. พร้อมการบ้านแบบจุกๆ เรียนจบได้งานจริงพร้อมใบประกาศณียบัตร
วันที่ 1 – อาทิตย์ 25 มิถุนายน 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 - อาทิตย์ที่ 2 กรกฎาคม 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 - อาทิตย์ที่ 9 กรกฎาคม 2566 เวลา 9.00 น. – 13.00 น. (4 ชม.)
- การนำ Design system ไปใช้งานต่อในงาน UI
- การทำ Prototype เพื่อทดสอบงาน
- Q&A ตอบคำถามและสอนการใช้งานส่วนที่ยังมีข้อสงสัย
- [Workshop] เก็บตกเนื้อหาที่ยังไม่ได้สอนภายในคลาส
หมายเหตุ:
หากสมัครเรียนแล้ว
– ท่านจะได้รับทางเข้าชมคลาสสอนสดแบบ Live ผ่านทางอีเมลก่อนเริ่มเรียน 1 สัปดาห์
ข้อมูลผู้สอน
ประสบการณ์ทำงานมามากกว่า 10 ปีกับบริษัททั้งในประเทศและต่างประเทศ ปัจจุบันเป็น Specialist UI Designer ประเทศออสเตรเลีย และอบรมการออกแบบ UI, UX ด้วยเทคนิคพิเศษที่เข้าใจง่าย ดูวิดีโอการสอนตัวอย่างได้ทาง Youtube
เนื้อหาในคอร์สนี้
รีวิวคอร์ส
พี่นัทครับ ขออนุญาตมารีวิวคอร์สที่เรียน design system รุ่น3 รู้สึกว่าคิดถูกมากๆที่มาลงเรียน ได้อะไรเยอะมากครับ บางอย่างที่ไม่รู้ก็รู้จากคอร์สนี้ บางเนื้อหาก็มีอัพเดทตามเทรนด์ในอนาคต จะมีอะไรมาก็แนะนำให้ศึกษาเพิ่มเติม สอนใจเย็นมากกกก ไม่เข้าใจตรงไหนถามซ้ำได้ พลังเยอะมากกกครับ มีนัดส่งการบ้านเป็นรอบๆอีกรู้สึกชอบตรงนี้ที่พอเรียนจบได้ลองทำจริง ปักคอมเม้นต์ทิ้งไว้ ไม่ได้มาเช็คแค่ทำถูกไหม แต่แนะนำเพิ่มเติมต้องดูตรงไหนต่อ รู้สึกประทับใจมากๆครับ ปล.ยังไงเดี๋ยวจะลองปรับแก้อีกตามที่พี่นัทคอมเมนท์ครับ
- คุณ Phakhawan
คำถามที่พบบ่อย
- มีผู้สอนช่วยตรวจการบ้านรายบุคคล
- มีวิดีโอให้ดูย้อนหลัง จะเพิ่มวิดีโอตอบคำถาม + สอนเทคนิคเพิ่มให้
- พูดคุยส่งงานได้ผ่าน Discord
- เข้าใจพื้นฐานของ Design system เบื้องลึกเบื้องหลังของ UI
- เข้าใจเทคโนโลยีของแต่ละ Platform เช่น iOS, Android, Responsive website
- สามารถไปศึกษาต่อเพิ่มเติมเองได้ โดยทุกท่านจะได้เรียนเทคโนโลยีและรู้คำศัพท์ในวงการที่ใช้ตรงกันทั่วโลก
สามารถดาวน์โหลดติดตั้งบนเครื่องได้ หรือจะใช้ผ่าน Browser ออนไลน์
- ระบบดูวิดีโอ Live จะส่งอีเมลให้ก่อนเริ่มเรียน 1 สัปดาห์ ดูได้ผ่านทาง Browser
ราคา 6,900 บาท
Early bird 5,900 บาท!!