Figma Layout Systems: Auto Layout, Grids, และ Components

การออกแบบ UI สมัยใหม่ต้องการมากกว่าแค่การวาดรูปทรง แต่ต้องการระบบที่ยืดหยุ่นซึ่งปรับเปลี่ยนได้ตามขนาดหน้าจอหรือข้อกำหนดของเนื้อหา คอร์สนี้จะแนะนำคุณผ่านพื้นฐานทางเทคนิคของ Figma ตั้งแต่ Frame แบบคงที่ไปจนถึง Layout แบบไดนามิกที่ตอบสนองได้ ซึ่งทีมออกแบบมืออาชีพใช้งาน ผ่านคำอธิบายเป็นลายลักษณ์อักษรและแบบฝึกหัดที่มีเหตุผล คุณจะได้เรียนรู้วิธีการจัดโครงสร้าง Interface ที่ทั้งสวยงามและใช้งานได้จริง คุณจะก้าวจากการทำความเข้าใจการจัดแนวแบบง่ายๆ ไปสู่การจัดการ UI Kit ที่ซับซ้อนซึ่งสะท้อนมาตรฐานการพัฒนาจริง สิ่งที่คุณจะได้เรียนรู้: - ทำความเข้าใจตรรกะของ Auto Layout เพื่อสร้าง Container ที่ยืดหยุ่นและโครงสร้างซ้อนที่ซับซ้อน - ใช้ระบบ Grid และกลยุทธ์การเว้นระยะห่างเพื่อให้แน่ใจว่ามีความสอดคล้องกันใน Interface ทั้งบนมือถือและเดสก์ท็อป - สร้าง Component ที่นำกลับมาใช้ใหม่ได้และ Variants เพื่อปรับปรุง Workflow การออกแบบของคุณและรักษาความสามารถในการปรับขนาด UI - ฝึกฝนเทคนิค Responsive Design โดยใช้ Constraints และพฤติกรรมการปรับขนาดขั้นสูง - นำหลักการตั้งชื่อ Design Token พื้นฐานไปใช้เพื่อการจัดระเบียบที่ดีขึ้นและการส่งมอบงานให้นักพัฒนา - กำหนดค่าคุณสมบัติ Layout เพื่อจัดการเนื้อหาแบบไดนามิกและความยาวข้อความที่แตกต่างกันโดยอัตโนมัติ คอร์สเริ่มต้นด้วยคำศัพท์ที่จำเป็นและทฤษฎี Layout ตามด้วยคู่มือที่เป็นลายลักษณ์อักษรที่จะแนะนำคุณผ่านตรรกะของการสร้างระบบ Interface ระดับมืออาชีพ ออกแบบมาสำหรับผู้เริ่มต้นที่พร้อมจะก้าวข้ามเครื่องมือพื้นฐานและเริ่มออกแบบด้วยแนวคิดแบบ Systems Thinking เริ่มสร้างระบบ UI ที่ชาญฉลาดและยืดหยุ่นมากขึ้นตั้งแต่วันนี้