App Listing Design Requirements

Laura Curran Updated by Laura Curran

We're ready to start building your branded app - yay! ūüéČ

To get us started, we need your basic design requirements for example, what colour do you want your app?

App store previews

Download the app store preview template and have a go yourself at showing off your functionality and excite your users.

Click Template to download

Here's what we need:
  1. Scalable Vector Graphic (SVG) format logo - It is important to supply us with an SVG version of your logo so that we can utilise your branding as needed throughout the app.
    1. This format enables us to scale without pixelation
    2. We will be able to ensure appropriate colours are used depending on the page the logo is displayed i.e If the logo is white and then is shown on a white background, we will be able to change the colour whilst maintaining a quality logo.
  2. App Icon

    App Store

    Size

    Format

    Shadow

    Shape

    File Size

    Android

    512px x 512px

    32-bit PNG

    No

    Square

    Max 1024KB

    iOS

    1024px x 1024px

    PNG

    No

    Square

    -

  3. Android App Icon - make sure to follow the guidelines here
  4. iOS App Icon - make sure to follow the guidelines here
  5. Core gradient/app primary colour - please supply HEX or RGB code.
  6. App tile images - please see here for further instruction.
  7. Promotional Assets:

    Platform

    Image

    Size

    Format

    Description

    Android

    Feature Graphic

    1024px by 500px

    JPEG or 24-bit PNG (no alpha)

    This image will be displayed to promote your app throughout the Play Store

iOS App Screenshot Sizes and Guidelines for the Apple App Store

When publishing an app in the Apple App Store, you are required to provide app screenshots. The screenshots are shown in your App Store listing and play a huge role in driving more downloads.

Every screenshot that you provide needs to have a purpose and ultimately boast the best features of your app.

A well-designed set of iOS app screenshots are:

  • appealing and eye-catching
  • clean and easy to read
  • straight to the point
  • on-brand

For more best practices, check out our guide for designing amazing app screenshots.

In addition to being nicely designed, your iOS app screenshots have to follow Apple's guidelines and size requirements.

Apple App Store Screenshot Guidelines

The guidelines are pretty straight forward.

You have to use images and videos that are taken directly within your app. That means you are not allowed to use images or videos that show, for example, someone holding an iPhone.

Dive Deeper:iOS Keyword Field: How to Take Advantage of iOS KeywordsApp Icon: How to Create an Appealing iOS App IconHow to Get Featured on the App Store

App Store Screenshot Sizes for iOS Devices

The next important aspect of designing iOS screenshots is adhering to the Apple device sizes. The tables below outlines which sizes are required and the corresponding pixels for portrait and landscape orientation.

iOS App Screenshot Sizes for iPhones

Device Size

Device

Portrait Screenshot Size

Landscape Screenshot Size

Requirement

6.5 inch

iPhone 11 Pro Max, iPhone 11, iPhone XS Max, iPhone XR

1242 x 2688 pixels

2688 x 1242 pixels

Required if app runs on iPhone

5.5 inch

iPhone 6s Plus, iPhone 7 Plus, iPhone 8 Plus

1242 x 2208 pixels

2208 x 1242 pixels

Required if app runs on iPhone

iOS App Screenshots Sizes for iPads

Device Size

Device

Portrait Screenshot Size

Landscape Screenshot Size

Requirement

12.9 inch

3rd generation iPad Pro

2048 x 2732 pixels

2732 x 2048 pixels

Required if app runs on iPad

12.9 inch

2nd generation iPad Pro

2048 x 2732 pixels

2732 x 2048 pixels

Required if app runs on iPad

Please email these to your Project Manager.

How did we do?

Setting up Test Users

Contact