How to design app launch screen?

Every time users launch an app, they are greeted with a launch screen. Here’s how you can design the launch screen of your mobile app.

This process is segmented into two major parts; the launch screen background and the brand logo.

Designing the Launch Screen Background

In the first step, you will design the background of your launch screen. You have two options to complete this step. They are listed and explained as follows.

  1. Selecting the background design
  2. Filling the backdrop with a solid color

Selecting the background design

With this option, you can either select an image from the vast AppMySite image library or upload your own design for the launch screen background.

Select image from AppMySite design library

  • Click on the field under Select Background Image. You’ll be redirected to the image gallery.
  • Enter a relevant search term and browse until you find the right image for your background.
  • Click on the image you prefer and select DONE at the bottom right corner of the window.
  • Select ‘and’ to customize the tint color and opacity of the background image. This step is optional.
  • Preview the selected image on the right side of the screen.

Upload your own design

Follow the steps below while uploading your own design for the background.

  • Click on the Upload Image button at the top right corner of the image library. You’ll arrive at the upload image window.
  • Click anywhere on the window to select an image from your device.
  • You can also drag and drop the image file.
  • Select ‘and’ to customize the tint color and opacity of the background image. This step is optional.
  • Click on DONE to save your image.

Make sure the image file meets the required specifications.

  • File format: PNG
  • File size: 1242 * 2208 px

Filling the backdrop with a solid color

Here are the steps you need to follow to fill the background design with a solid color.

  • Click on the Select Background Color field that opens up a color panel.
  • Scroll across the color panel to choose your preferred color.
  • You also have the option of entering a hex code or RGB values to choose the optimal color.
  • Preview the background color on the right of the screen when you’re done.

Designing the Logo for the Launch Screen

This section explains the process of designing a logo for the launch screen.

The launch screen logo can be your brand logo or a greeting for your user. Brands often update their launch screens to promote special offers or seasonal discounts.

You get two options for designing a logo for your launch screen.

  1. Create the brand logo yourself
  2. Upload the brand logo design

Both options are explained in detail in the following sections.

Create the brand logo on AppMySite

Create your own brand logo by experimenting with elements like logo text, color, font, and size under the App Logo section.

Follow the steps below to design the launch screen logo:

Logo Text

Click on the Logo Text box and enter the characters you want to see in your logo.

The logo text is usually an acronym or a phrase that reflects the name or identity of your brand.

Logo Color

  • Click on the Logo Color field that opens up a color panel.
  • Scroll across the color panel to choose your preferred color.
  • You also have the option of entering a hex code or RGB values to choose the optimal color.

Logo Font

  • Click on the Font field and choose a font from the drop-down menu.
  • Select a font that best suits your launch screen design.

Font Size

  • Click on the Font Size field and choose a size from the drop-down menu.
  • Select a size that best suits your launch screen aesthetic.

Upload the brand logo design

Follow the steps below to upload your own design for the brand logo.

  • Click on the Upload button in the App Logo section. You’ll arrive at the upload image screen.
  • Click anywhere on this screen to browse and select your image file.
  • You can also drag and drop the image file.
  • Click on DONE to save your image.

Make sure the image file meets the following specifications.

  • File format: PNG
  • Minimum file size: 500 * 233 px

Set alignment of your brand logo

Adjust the alignment of the brand logo as you want it to appear on the launch screen.

  • Click on Align to set your logo at the top, bottom, or center position on the screen.
  • Preview the logo alignment on the right side of the screen.

Click on the NEXT button to save your progress.