Skip to content

Design Systems

Design System คือชุดของมาตรฐานและองค์ประกอบที่ใช้ในการออกแบบและพัฒนาซอฟต์แวร์

องค์ประกอบหลักของ Design System

  1. Design Principles
    • หลักการออกแบบพื้นฐาน
    • แนวทางในการตัดสินใจ
  2. UI Components
    • ปุ่ม
    • ฟอร์ม
    • การ์ด
  3. Style Guide
    • สี
    • ตัวอักษร
    • ช่องว่าง
  4. Patterns & Best Practices
    • การใช้งานทั่วไป
    • ตัวอย่างการใช้งาน

ประโยชน์ของ Design System

  • ความสม่ำเสมอในการออกแบบ
  • ลดเวลาในการพัฒนา
  • ปรับปรุงประสบการณ์ผู้ใช้
  • ส่งเสริมการทำงานเป็นทีม

ตัวอย่าง Design System ที่นิยม

  • Material Design (Google)
  • Carbon Design System (IBM)
  • Ant Design (Ant Financial)