Web Development: How to Make Great App Store Screenshots

How to Make Great App Store Screenshots

If you want to publish an app, you're going to need to provide the App Store with app screenshots. These screenshots will be shown in your App Store listing and will largely determine whether your potential users download your app or move on to someone else's.

Today, we'll show you how to make great app store screenshots easily using the app store screenshot generator from Placeit. Then we'll share 18 design templates you can customise to create your own eye-catching app store screenshots.

Follow along with us over on our Envato Tuts+ YouTube channel:

How to Get Screenshots for the App Store to Stand Out

If you're an app developer, you know how to take a screenshot of your app, but what you may be less sure of is how to get screenshots for the App Store to stand out from the crowd.

There are so many apps available today that even the best apps can struggle for recognition, so we have three tips for you on how to get screenshots for the App Store to stand out.

1. Use eye-catching header text that tells your target audience what they're getting.

2. Put the most visually enticing screenshot first. You only have a second to hook your viewer and make them want to investigate your app further, so draw them in with a killer image.

3. Pick screenshots of your app that best explain its purpose. Most app stores permit a total of five images, while some, like the Apple store, allow ten. Make each image you use count by answering three important questions: What is unique and special about my app? What problem does it solve? What action do I want my target audience to take? And be sure to follow the app store screenshot guidelines and size requirements.

Now, let's take a look at how to make great App Store screenshots.

How to Make Great App Store Screenshots

With the Placeit App Store Screenshot Generator, you never have to worry about app store screenshot sizes or dimensions as the templates are perfectly customised to your needs and are easy to use. Follow these simple steps to discover how to get screenshots for the App Store.

Step 1: Select an App Store Screenshot Design

Go to Placeit.net > Mockups > App Store Screenshots.

This will take you to tons of App Store screenshot templates ready for customisation.

Fill in your text at the top of the screen, select a colour for your template's background, and upload your screenshot using the Upload Screenshot button.

All the info you entered will appear on the available App Store screenshot templates, giving you a good idea of what your finished template will look like. You can browse the templates and select the one you like the most by clicking on it.

This will open up the App Store Screenshots Generator and allow you to fine-tune your customisations.

Step 2: Choose a Background Image and Colour Scheme

Start your customisation by moving to the controls on the right and choosing a background image. You can then change the background image if you care to using the colour picker.

Step 3: Add Text

Now move to the controls on the left and modify your text if you need to. I’ll keep the text I added at the beginning, but I want to change the font style and the font colour and add some additional text.

You can also change your app screenshot here if you like and add a logo. I’m happy with the screenshot I chose, and I don’t want to clutter the design, so I’ll leave everything here as is.

Step 4: Organise Your Text

You can move and resize your text and/or logo as needed, and if you don't like what you've done, just hit the Reset Layout button to return to the default layout.

Step 5: Download Your App Store Screenshot Design

When you are happy with your design, just click the Download button at the top of the page.

This will take you to the download page, where you have two options for purchasing your App Store screenshot design.

You can either pay a single fee for your design or sign up for a monthly or yearly subscription that offers you unlimited downloads of all Placeit's designs, mockups, logos, videos, and gaming templates.

Now that you know how to use the best App Store screenshot generator on the internet today, let's take a look at a few of the awesome screenshot templates you can find at Placeit.

Best App Store Screenshot Templates

App Store Screenshot Mockup Featuring an iPhone 11

This app store screenshot design template is a great way to show off your app's screenshots. Customisation is super easy using the app store screenshot generator.

App Store Screenshot Mockup

With six screens on display on the iPhone 11, this mockup is an excellent choice for showing off multiple pages of your app at the same time. Just use the Upload Image button to upload one image at a time.

Mockup of iPhone Template for App

This terrific iPhone 7 template offers tons of cool backgrounds with a variety of shapes, textures, and colour options. Make your heading count to capture your target audience's attention.

App Store Screenshot Generator

Promote your app when you make an app store screenshot using this fabulous iPhone 6 mockup. You have a choice of several background designs and can add as much or as little text as you want to.

App Store Screenshot

This angled iPhone 7 mockup is perfect app store screenshot for showing off your app's most riveting pages. Just upload your screenshot, add your text, select your colour scheme, and you're ready for the bright lights.

App Store Screenshot Design

This tilted iPhone 7 mockup is simple but powerful. If you want to really showcase your app store screenshot at its best, this is a great template choice.

App Store Screenshot Creator

This App Store screenshot design is perfect for creative, beauty, fashion, and lifestyle apps. Upload your screenshot, select the background that best suits your taste, add your text, and your template is ready to use.

iPhone 6 App Store Screenshot Template

This colourful but low-key iPhone 6 mockup is ideal for business or finance apps, and it's super easy to customise as well.

iPhone 8 App Store Screenshot

Looking for the best modernist background patterns for your App Store screenshot? Then check out this iPhone 8 mockup. There's a nice range of backgrounds to choose from to make sure your app store screenshot design has the look you're after.

App Store Screenshot Mockup

Looking for that wonderful rose gold iPhone 6 model for your screenshot mockup? Then this template, with its geometric patterns against a black background, is the one for you.

Illustrated App Store Screenshot Mockup Featuring an iPhone 6s

How about this cool and funky mockup for displaying your screenshots on the App Store? Just add your header text, upload your screenshot, and your template is ready for use.

iPhone 7 Mockup App Store Screenshot

Get funky with this iPhone 7 mockup featuring a patterned background that you can colour with any hue you like. Use the colour picker to choose just the right look for your app, add your text, and upload your screenshot. It's as easy as that.

App Store Screenshot

This design is a bit of a departure from the others featured here because it doesn't actually feature a mobile phone, just a 2D screen of one. This takes attention away from the model of the phone and puts it where it belongs, on the app screenshots.

App Store Screenshot Maker

Here's another angled iPhone 6 beauty for you to showcase your app. The template offers loads of artistic backgrounds. Try them all out and pick the one you love the most.

App Store Screenshot Mockup Featuring a Wavy Pattern

How awesome is this background pattern? The perfect amount of razzle-dazzle your app needs to catch a potential buyer's eye as they scroll by.

Template for App Store Screenshot

You don't have to worry about all the app store screenshot guidelines when you use these templates. That's because Placeit has done the heavy lifting for you and created designs that perfectly meet your needs.

App Store Screenshot for iPhone 7

How about this tropical psychedelic iPhone 7 mockup? If this one doesn't quite suit your taste, don't worry—there are plenty more to choose from.

App Store Screenshot Builder Featuring the Lower Part Of a Pink iPhone 7

Bright and beautiful, this lovely rose gold iPhone 7 mockup is a great way to show off your app store screenshot. Upload your image, change the text, and your template is ready to shine.

Create Your Custom App Store Screenshots Today

Now that you know how to make great app store screenshots and where to find the best App Store screenshots on the market today, head on over to Placeit.net and create your own custom app store screenshots.

And if you're interested in other terrific resources available from Placeit, check out some of the articles below: