App screenshots

Overview

When you upload your app on an app store (Play store, App store,...), screenshots are required. They give a preview to the user of what the app contains and show some of the features. You must have at least 3 screenshots that must be taken directly from your app and you can add up to 8-10 visuals.

Compositions

You might have to produce a bunch of visuals for iOS, Android, iPadOS, MacOS, and/or Apple TV. They all have specific sizes (that you can check in the template tab and have directly on the PSD template).

Portrait VS landscape

For the mobile and tablet stores you can use portrait or landscape visuals. Usually landscape visuals will be used when the app is used in landscape (gaming apps for example).

Portrait

Landscape

For portrait display, use the template name-2203-app-screenshots-portrait.
For landscape display, use the template name-2203-app-screenshots-landscape

For iOS there are a lot of different sizes as you will see in the psd template. You should produce all the sizes (landscape or portrait). This way Apple makes sure the screenshots will fit each of their devices.
For Android, it's a bit easier as it's a one size fits all policy. There are less visuals to produce but they might not be well adapted for each devices.

iOS

Android

Best pratices

The screenshots are content visuals which means no HTML content comes on top.
Each screenshot must show your app. But that doesn't mean it should stricly show your app and nothing else. You can get creative: add decorations, make elements pop out of the smartphone's screen, use texts, display a screen on two visuals,... While staying on brand. Feel free to get inspired on the web by what has already been done.

To summarize you screenshots should be:

1. Appealing and eye-catching
2. Clean and to the point
3. On-brand

Don't

Do