All Collections
Design Your App
How Does Your Splash Screen (Opening Image) Look In Different Viewport Sizes?
How Does Your Splash Screen (Opening Image) Look In Different Viewport Sizes?

It's very important to design your splash screen image in a way that it can satisfy all screen types and look perfect on each of them.

Lara Soley avatar
Written by Lara Soley
Updated over a week ago

The first impressions are crucial. It provides you with important insights on what you are about to deal with. A great first impression leads to better perceptions at the next steps. The same goes for your app. The splash screen image is where you get the first impression of an app and it should look flawless.

In this article, we would like to give you some tips about the splash screen and help you avoid common mistakes about it.

Keep It Simple

Less is more! This is how it works for splash screen. As the app user can see it only for just a second or two, there should be less things to pay attention in order to avoid confusion. Even if you load it with texts and different design elements, it will be so hard to notice anyway. We recommend to use a simple background and craft it with your brand's beautiful logo.

Pay Attention To Loading Animation

A loading animation appears while the user views the splash screen. You should mind this issue and design accordingly. The loading animation should not intersect with any design item. Here is a good example.

Consider Different Device Types

There are many different types of mobile phones and screen sizes. The picture size that we set (1242x2688) satisfies all device types. But it gets cropped in smaller size screens. Therefore, you should create a center-oriented splash screen so that your design will be visible and deliver its message perfectly on all devices.

Now that you got the pro tips for creating your splash screen, it's time to design it!

Did this answer your question?