ข้อมูลเบื้องต้นเกี่ยวกับเลย์เอาต์

เลย์เอาต์กำหนดโครงสร้างภาพเพื่อให้ผู้ใช้โต้ตอบกับแอป เช่น ในกิจกรรม Android มีไลบรารี จุดเริ่มต้นที่ชัดเจน และเทคนิคต่างๆ ในการแสดงและจัดตำแหน่งเนื้อหา

เริ่มต้นใช้งาน

เริ่มออกแบบเลย์เอาต์ Android โดยศึกษาโครงสร้างของแอป จากนั้นดูวิธีจัดโครงสร้างเนื้อหาของแอป

สรุปประเด็นสำคัญ

พื้นที่ปลอดภัยของอุปกรณ์

เคารพพื้นที่ปลอดภัยของอุปกรณ์ Honor ซึ่งรวมถึงส่วนต่างๆ ของ UI เช่น รอยบากของจอแสดงผล ขอบด้านในแบบขอบจรดขอบ จอแสดงผลที่ขอบ คีย์บอร์ดซอฟต์แวร์ และแถบระบบ จัดเลย์เอาต์ที่ยืดหยุ่นเพื่อให้ผู้ใช้ โต้ตอบกับแป้นพิมพ์ คำเตือน: โปรดระมัดระวังเมื่อใช้แป้นพิมพ์ปิดบังเนื้อหา

การยศาสตร์ของการโต้ตอบ

เก็บการโต้ตอบที่สำคัญ เช่น การนำทางหลัก ไว้ในพื้นที่หน้าจอที่เข้าถึงได้ ปุ่มการทำงานแบบลอย (FAB) เป็น จุดโต้ตอบที่โดดเด่นและเข้าถึงได้

กลุ่มการกักกัน

ใช้การจำกัดขอบเขตเพื่อจัดกลุ่มเนื้อหาที่เกี่ยวข้องเพื่อแนะนำผู้ใช้ผ่านเนื้อหาและการดำเนินการ การ์ดที่ใช้การบรรจุอย่างชัดเจนเพื่อจัดกลุ่มเนื้อหาด้วยการดำเนินการที่เกี่ยวข้อง

การจัดแนว

จัดแนวเนื้อหาและองค์ประกอบ UI ที่คล้ายกันให้สอดคล้องกัน

กำหนดระยะห่างที่สอดคล้องกันระหว่างองค์ประกอบที่คล้ายกัน
ทำให้การอ่านยากขึ้นโดย เว้นวรรคองค์ประกอบที่คล้ายกันไม่สอดคล้องกัน ซึ่งอาจทำให้ดีไซน์ดูไม่เป็นระเบียบ
การวางแนวเลย์เอาต์

อย่ายึดติดกับเลย์เอาต์แนวตั้งหรือเลย์เอาต์ที่สมบูรณ์แบบ ลองพิจารณาสัดส่วนภาพ คลาสขนาด และความละเอียดต่างๆ ที่ผู้ใช้อาจพบ

การโต้ตอบที่สำคัญ

อย่าทำให้ผู้ใช้สับสนด้วยการดำเนินการมากเกินไปต่อการดู 1 ครั้ง

ระบุข้อกำหนดของเลย์เอาต์

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