เริ่มต้นใช้งานเลย์เอาต์แบบปรับขนาดได้

ดูข้อมูลเกี่ยวกับขนาดอ้างอิงหลักที่ควรคำนึงถึงเมื่อออกแบบประสบการณ์การใช้งานใหม่

ขนาดหน้าจอ

มุมมองการเลื่อน

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

ยอดดูแบบไม่เลื่อน

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

ดูข้อมูลโดยย่อของเนื้อหาเพิ่มเติม

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

องค์ประกอบเนื้อหาที่มองเห็นได้มากขึ้น

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

ปรับปรุงการมองเห็นข้อมูลได้อย่างรวดเร็ว

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

ใช้งานได้ง่ายขึ้น

ใช้พื้นที่หน้าจอเพิ่มเติมเพื่อให้เป้าหมายการแตะมีขนาดใหญ่ขึ้น มีลําดับชั้นภาพมากขึ้น และเพิ่มพื้นที่ระหว่างรายการเนื้อหาเพื่อให้อินเทอร์เฟซโต้ตอบได้ง่ายขึ้นและสะดวกสบายยิ่งขึ้น

การประพันธ์เพลงที่เพิ่มประสิทธิภาพ

ใช้คอมโพเนนต์และเทมเพลตที่อัปเดตแล้วเพื่อให้ UI ของเรามีรูปลักษณ์ที่ดีขึ้นในทุกขนาดหน้าจอ

หลักเกณฑ์ด้านคุณภาพของเราแบ่งออกเป็น 3 ระดับ มอบประสบการณ์การใช้งานที่ดีที่สุดให้แก่ผู้ใช้โดยปฏิบัติตามหลักเกณฑ์ทั้ง 3 ระดับ

หลักเกณฑ์ด้านคุณภาพ

ใช้เลย์เอาต์แคนอนิกที่กําหนดไว้เพื่อช่วย UI ของคุณให้ปรับขนาดได้อย่างราบรื่นในอุปกรณ์ขนาดต่างๆ

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

เลย์เอาต์ตามรูปแบบบัญญัติ