Layout design for large screens

Galaxy devices come in all shapes and sizes, so your app's layout needs to be flexible. Instead of defining a layout with rigid dimensions that assume a certain screen size and aspect ratio, your app should gracefully respond to different screen sizes and orientations to accommodate the greatest number of users, no matter which device they're using.

Windows size classes for Galaxy devices

Window class (width)

 Breakpoint (dp)

 Navigation
Compact

 (Width < 600)

 Phone in portrait
Medium

 (600 ≤ Width < 840)

 Z Fold devices in portrait
Z Fold devices in landscape
Small tablet in portrait
Expanded

 (840 ≤ Width)

 Tablet in portrait
Tablet in landscape

Compact class

 Medium

 Expanded

Find out more on

Window size classes

Android Developers

  1. Use a large screen layout for screens with a width of 600dp or more.

Galaxy apps provide more convenient and immersive experience on large screens such as Folds and Tablets. Check the examples and principles below.

Show menus together with content

By keeping the menu on the screen all the time, users are able see more and navigate quickly without switching screens.

undefined

Adjust grids for large screens

Adjust your app's grid structure for large screens so more information can be shown at once.

undefined

Avoid switching context

When the user needs to complete a brief task, use a small pop-up instead of filling the entire screen. When the pop-up appears along with the previous screen, users can complete the task without forgetting what they were doing before.

undefined

Keep things reachable

Consider how users will hold a larger device when using your app. For example, in the One UI Camera app, control components are placed on the right side instead of the bottom.

undefined