รายการคือการแสดงภาพรายการที่เกี่ยวข้องอย่างน้อย 1 รายการ โดยมักใช้เพื่อแสดงคอลเล็กชันตัวเลือก
แหล่งข้อมูล
| ประเภท | ลิงก์ | สถานะ |
|---|---|---|
| การออกแบบ | แหล่งที่มาของการออกแบบ (Figma) | ใช้งานได้ |
| การใช้งาน | Jetpack Compose | ใช้งานได้ |
ไฮไลต์
- รายการคือคอลเล็กชันข้อความหรือรูปภาพที่ต่อเนื่องกัน
- รายการควรดูเป็นธรรมชาติและอ่านง่าย
- รายการประกอบด้วยรายการที่มีการดำเนินการหลักและการดำเนินการเสริมซึ่งแสดงด้วยไอคอนและข้อความ
เวอร์ชัน
รายการมี 3 ประเภท ได้แก่ รายการแบบบรรทัดเดียว รายการแบบ 2 บรรทัด และรายการแบบ 3 บรรทัด
- รายการแบบบรรทัดเดียว: บรรทัดเดียวเพื่อสื่อสารแต่ละรายการ การออกแบบที่เรียบง่ายนี้ช่วยให้แต่ละรายการมีความแตกต่างกันอย่างชัดเจน
- รายการ 2 บรรทัด: ใช้เส้นขนาน 2 เส้นเพื่อสื่อสารแต่ละรายการ การออกแบบที่มีโครงสร้างนี้ช่วยให้อ่านได้อย่างเป็นธรรมชาติและหลีกเลี่ยงการประมวลผลข้อมูลมากเกินไป
- รายการ 3 บรรทัด: ใช้เส้นขนาน 3 เส้นเพื่อแสดงแต่ละรายการ การออกแบบตกแต่งนี้ทำให้ภาพมีความโดดเด่นในระดับสูง
กายวิภาคศาสตร์
- ไอคอน: กราฟิกขนาดเล็กที่แสดงถึงวัตถุหรือการกระทำที่เฉพาะเจาะจง ซึ่งมักใช้เพื่อสื่อถึงแนวคิดหรือคอนเซ็ปต์ด้วยภาพ
- บรรทัดบน: บรรทัดข้อความสั้นๆ ที่ปรากฏเหนือชื่อหรือคำบรรยายย่อย ซึ่งมักใช้เพื่อระบุบริบทเพิ่มเติมหรือเน้นข้อความ
- ชื่อ: บรรทัดข้อความขนาดใหญ่ตัวหนาที่ทำหน้าที่เป็นบรรทัดแรกหลักขององค์ประกอบหรือหน้าการออกแบบ
- คำบรรยาย: บรรทัดข้อความขนาดเล็กที่ให้ข้อมูลเพิ่มเติมหรือบริบทใต้ชื่อหลัก
- การควบคุม: องค์ประกอบอินเทอร์แอกทีฟที่อนุญาตให้ผู้ใช้ป้อนการตัดสินใจ
รัฐ
ข้อกำหนด
การใช้งาน
รายการคือกลุ่มข้อความและรูปภาพที่จัดระเบียบในแนวตั้ง รายการที่เพิ่มประสิทธิภาพเพื่อการอ่านทำความเข้าใจประกอบด้วยคอลัมน์รายการแบบต่อเนื่องคอลัมน์เดียว รายการในลิสต์อาจมีการดำเนินการหลักและการดำเนินการเสริมที่แสดงด้วยไอคอนและข้อความ
ควรทำ
รายการในลิสต์ไม่ใช่ปุ่ม รายการไม่มีคอนเทนเนอร์ โดยค่าเริ่มต้น รายการในรายการจะไม่ได้รับการเลือกและโฟกัส
ข้อควรระวัง
ใช้พื้นหลังคอนเทนเนอร์สำหรับรายการในลิสต์เมื่อจำเป็นเท่านั้น
การควบคุมการเลือก
ควบคุมการแสดงข้อมูลและการดําเนินการของรายการในลิสต์ โดยสามารถจัดแนวให้อยู่ตรงขอบหน้าหรือขอบหลังของรายการในลิสต์
- ช่องทําเครื่องหมาย: เลือกรายการในรายการอย่างน้อย 1 รายการ
- ปุ่มตัวเลือก: เลือกรายการในรายการเพียงรายการเดียว
- สวิตช์: เปิดหรือปิดการควบคุม
ควรทำ
ใช้ตัวบ่งชี้การเลือกไอคอนเพื่อแสดงรายการที่เลือกในรายการอย่างชัดเจน ซึ่งจะช่วยให้ผู้ใช้ระบุรายการที่เลือกได้อย่างง่ายดายและปรับปรุงประสบการณ์โดยรวมของผู้ใช้
ไม่ควรทำ
หลีกเลี่ยงการใช้สีพื้นหลังเพียงอย่างเดียวเพื่อระบุรายการที่เลือก
ไม่ควรทำ
หลีกเลี่ยงการวางปุ่มภายในรายการของรายการ เนื่องจากอาจทำให้สับสนว่าองค์ประกอบใดมีโฟกัสอยู่
ไอคอน
ควรทำ
หากคุณแสดงเนื้อหาประเภทเดียวกันในรายการ ให้ละเว้นไอคอนเพื่อลดสิ่งรบกวนทางสายตาและปรับปรุงประสบการณ์ของผู้ใช้ หลีกเลี่ยงการใช้ไอคอนในรายการเมื่อไอคอนไม่มีจุดประสงค์และไม่ได้ให้ข้อมูลเพิ่มเติม
ไม่ควรทำ
หลีกเลี่ยงการใช้ไอคอนเดียวกันสำหรับรายการทั้งหมดในรายการ เนื่องจากอาจทำให้ผู้ใช้สับสนและรู้สึกไม่สบายตา แต่ให้ใช้ไอคอนเฉพาะในกรณีที่ไอคอนเหล่านั้นให้คุณค่าหรือให้ข้อมูลเพิ่มเติมเท่านั้น
รูปโปรไฟล์และรูปภาพ
รายการในลิสต์อาจมีรูปภาพในภาพวงกลมเพื่อแสดงบุคคลหรือนิติบุคคล
