เพจเจอร์

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

องค์ประกอบการออกแบบควรตรึงไว้ที่ด้านล่างของเฟรม

AI

Stack เป็นคอมโพเนนต์คอนเทนเนอร์ จึงใช้หลักการออกแบบร่วมกับการ์ดและรายการ ดังนี้

การแสดงผลที่ชัดเจน: ตัวระบุหน้าจะสื่อสารให้ผู้ใช้ทราบว่าตนเองอยู่ส่วนใดของแครอเซลเนื้อหา

ตามบริบท: วัตถุประสงค์หลักของตัวระบุหน้าคือการแสดงบริบทที่ชัดเจนและ ทันทีสำหรับเนื้อหาที่เชื่อมโยง

กระชับ: ตัวระบุหน้ามีขนาดเล็กและใช้ภาษาภาพที่แม่นยำ

การใช้งานและการจัดวาง

ตัวระบุหน้าจะแสดงตำแหน่งปัจจุบันของผู้ใช้ภายในลำดับเนื้อหาแบบเส้นตรง

ผู้ใช้สามารถปัดผ่านตัวระบุหน้าได้อย่างรวดเร็ว

องค์ประกอบการออกแบบควรตรึงไว้ที่ด้านล่างของเฟรม โดยจะวางไว้เหนือพื้นที่แถบระบบและใต้พื้นที่เนื้อหา

จัดเรียงการ์ดเป็นแถวโดยไม่ซ้อนทับกัน
ไม่อนุญาตให้การ์ดซ้อนทับกัน เนื่องจากจะมองเห็นการ์ดได้ครั้งละ 1 ใบเท่านั้น

กายวิภาคศาสตร์

ตัวระบุหน้าประกอบด้วยจุดแสดงสถานะเรียงกันเป็นแถวในสถานะที่ใช้งานอยู่และไม่ได้ใช้งาน

Pager ประกอบด้วยแถวของจุดบ่งชี้ในสถานะที่ใช้งานอยู่และไม่ได้ใช้งาน
A. ใช้งานอยู่ (หน้าปัจจุบัน)

B. หน้าไม่ได้ใช้งาน

ตัวระบุหน้าที่แสดงการปัดไปในทิศทางที่ไม่ถูกต้อง

Pager ประกอบด้วยแถวของจุดบ่งชี้ในสถานะที่ใช้งานอยู่และไม่ได้ใช้งาน

เมื่อมีจุดตั้งแต่ 5 จุดขึ้นไป ระบบจะแสดงจุดเพิ่มเติมด้วยจุดแรกที่มีขนาดเล็กลงและเลื่อนทั้งแถวจนกว่าจะถึงจุดสุดท้าย

การปรับแต่ง

ตัวระบุหน้ามีภาพซ้อนทับ การแบ่งหน้า และภาพเคลื่อนไหวในตัวซึ่งปรับแต่งไม่ได้ แต่จะปรับแต่งเนื้อหาภายในตัวระบุหน้าของ Stack แทน