ชิป

hero

ภาพรวม

ชิปเป็นองค์ประกอบแบบอินเทอร์แอกทีฟขนาดกะทัดรัดที่ช่วยให้ผู้ใช้กรองเนื้อหาด้านล่างหรือทริกเกอร์การทำงานด่วนได้ คอมโพเนนต์ขนาดกะทัดรัดช่วยให้การทำงานบนท้องถนนเป็นไปอย่างราบรื่นด้วยการแสดงตัวเลือกตามบริบทที่เกี่ยวข้องกับเนื้อหาและลดเวลาในการเรียกดู

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

ชิปสามารถมีองค์ประกอบต่อไปนี้

  • ไอคอนเท่านั้น
  • ป้ายกำกับข้อความเท่านั้น
  • ทั้งไอคอนและป้ายกำกับ (ในทิศทางใดทิศทางหนึ่ง)

การเรียบเรียง

hero

1. ไอคอนหรือรูปภาพแสดงอันดับที่นำอยู่

2. ข้อความป้ายกำกับ


ข้อกำหนดด้าน UX

ทำตามข้อกำหนดการออกแบบต่อไปนี้เพื่อให้ได้รับประสบการณ์การใช้งานที่ปลอดภัยและสอดคล้องกันในทุกแอป

ระดับข้อกำหนด

เนื้อหา

MUST

ใส่ไอคอนหรือป้ายกำกับ

SHOULD

ใช้สไตล์ภาพที่ไม่ซ้ำกัน เช่น สีหรือรูปร่างที่แตกต่างกัน เพื่อสื่อถึงสถานะต่างๆ ของชิป

SHOULD

ใช้สไตล์ที่สอดคล้องกันในชิปทั้งหมดทั่วทั้งแอป

SHOULD

หลีกเลี่ยงการรวมชิปที่มีสถานะและไม่มีสถานะไว้ในกลุ่มคอมโพเนนต์เดียวกัน

SHOULD

วางชิปที่สำคัญหรือแนะนำไว้ที่ขอบนำของคอนเทนเนอร์

SHOULD

เขียนข้อความป้ายกำกับให้สั้นและสื่อความหมาย หลีกเลี่ยงข้อความยาวๆ ที่ทำให้เกิดการตัดทอนและเพิ่มภาระทางความคิด