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

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

ดูข้อมูลเพิ่มเติมได้ที่คำแนะนำเกี่ยวกับ การปรับเลย์เอาต์ และ เลย์เอาต์มาตรฐาน

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

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

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

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

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