![](https://developer.android.com/static/images/design/ui/mobile/layout-basics-hero.png)

A layout defines the visual structure for a user to interface with your app,
such as in an activity. Android provides a range of libraries, canonical
starting points, and techniques to display and position content.

## Get Started

Start designing Android layouts by learning [app anatomy](https://developer.android.com/develop/ui/compose/layouts/adaptive/app-anatomy) then how to
[structure your app's content](https://developer.android.com/develop/ui/compose/layouts/adaptive/content-structure).

## Takeaways

**Device safe areas**


Honor device safe areas, which includes parts of the UI such as display
cutouts, edge-to-edge insets, edge displays, software keyboards, and system
bars. Provide a flexible layout for users to
interact with the keyboard.
Warning: Be careful when covering content with the keyboard.
Alas, your browser doesn't support HTML5 video. That's OK! You can still [download the video](https://developer.android.com/static/images/design/ui/mobile/layout-basics-video-1.mp4) and watch it with a video player.  
**Interaction ergonomics**


Keep essential interactions, like primary navigation, in a reachable screen
area. Floating action buttons (FABs) provide a
prominent and reachable interaction point
![](https://developer.android.com/static/images/design/ui/mobile/layout-basics-1-takeaways-key-essential-layout.png)  
**Containment groups**


Use containment to group related content to guide the user through content and
actions. Cards using explicit containment to group content with related actions.
![](https://developer.android.com/static/images/design/ui/mobile/layout-basics-2-takeways-explicit-containment.png)

**Alignment**

Provide consistent alignment between similar content and UI elements.

<br />

![](https://developer.android.com/static/images/design/ui/mobile/layout-basics_alignment_do.png)  
check_circle

### Do

Establish consistent spacing between like elements.  
![](https://developer.android.com/static/images/design/ui/mobile/layout-basics_alignment_dont.png)  
cancel

### Don't

Disrupt readability by inconsistently spacing like elements, which can make designs appear haphazard.  
**Layout orientation**


Don't stick to portrait or an idealized layout: Consider different aspect
ratios, size classes, and resolutions that users may encounter.

![](https://developer.android.com/static/images/design/ui/mobile/layout-basics-orientation.png)  
**Essential interactions**


Don't overwhelm your user with too many actions per view.
![](https://developer.android.com/static/images/design/ui/mobile/layout-basics-1-takeaways-key-actions.png)  
**Notate layout specs**


When building custom layouts, notate how content should sit within the layout
using alignment, constraints, or gravity terms. Include how images should
respond to their container to display properly.
![](https://developer.android.com/static/images/design/ui/mobile/layout-basics-2-takeways-notate.png)

<br />