How can we help?

Apple iOS App Branding and Images Follow

Below we’ve outlined both optional and required image assets. We've also included a checklist at the end of this article so that you can make sure to have all the necessary assets ready when you build your Apple iOS app.

Image Assets (Required)

Channel Store Icon 

Please note that this icon should NOT have a transparent background or rounded corners.

  • Multiple Sizes
    • Tip: Take advantage of this icon resizer for the App Icon images. Best results with images at 1536 x 1536px

 

Screen_Shot_2017-03-13_at_9.17.10_PM.png

For more information on best practices, visit iOS Interface Design Guidelines.

Launch Screen

The launch screen appears instantly when your app starts up. The launch screen is quickly replaced with the first screen and gives the impression that your app is fast and responsive. The splash screen isn’t an opportunity for artistic expression. Every Apple iOS app must supply a launch screen.

  • Suggested Dimension: 1125 x 2000px, JPG or PNG

Launch Screen First Screen
Screen_Shot_2017-03-13_at_9.36.34_PM.png Screen_Shot_2017-03-13_at_9.36.26_PM.png

For more best practices, visit the iOS Interface Design Guidelines.

Image Assets (Optional)

Custom Playlist Images

Each of your playlists has a thumbnail associated with it in the Zype platform. These thumbnails will appear as background images in your iOS app (see image below). These are designated within the playlist thumbnail view and can be edited following guidelines HERE.

Note: Please don’t include titles of the playlists or right-hand side arrows within your images as these elements will automatically populate on top of your images within your app.

Screen_Shot_2017-03-13_at_9.39.29_PM.png

If you would like to have specific playlist thumbnails in your iOS app that are independent of other playlist images you might have for additional endpoints (ex. Roku), you may achieve this using the Related Images section of the playlist thumbnail view.

We recommend you upload an image with a 3:1 aspect ratio. Keep in mind, the larger the pixel size of the thumbnail, the slower the load time. So we suggest approximately 1242px x 414px in dimension while maintaining a 3:1 aspect ratio. Once uploaded, title your custom image "mobile" to ensure that this playlist thumbnail appears on your iOS app only.

Related_Images.png


Custom Video Thumbnails

Video thumbnails are automatically generated for Zype-hosted content (this is done during Zype's transcoding process). You have the option to use the auto-generated thumbnails or upload a custom thumbnail for each of your videos through the Zype platform. Custom Thumbnails give the app a polished look (see below). 

  • Standard 16:9 ratio (minimum size: 250 x 141px)
  • Movie Poster Size (minimum size: 215 x 305px)
Auto-generated Thumbnail

Custom Thumbnail

Screen_Shot_2017-03-13_at_9.51.29_PM.png

Screen_Shot_2017-03-13_at_9.51.41_PM.png

Note: You only need to add custom thumbnails once. If you’ve already added them for another app, you don’t need to add them again.

Logo for Sign In Screen

If you’re monetizing through Native or Universal Subscription, users will have to sign into your app to gain access to the content. You are able to brand this screen to remind users what they are signing into. 

  • Suggested Dimension: 756 × 582px 
iOS_logo.png

 

Branding

Dark or Light Theme

Please choose between our standard dark theme (dark background with light text on top) OR our light theme (white background with dark text on top).

Screen_Shot_2017-03-13_at_9.28.34_PM.png

Example of Dark Background

Brand Color

Please choose a brand color (hex #) that will be used sparingly throughout your app. You can expect to see this color as button states throughout the screens.

Screen_Shot_2017-03-13_at_9.32.15_PM.png 

Example: Blue brand color selected and showing on the “Back” and “Home” button.

   

Asset Checklist

Asset

Suggested Dimensions

Required?

App Icon

Multiple Sizes

Take advantage of this icon resizer for the App Icon images

Yes

Launch Screen Image

1125 x 2000px; JPG or PNG

Yes

Placeholder Image

402 x 227px

No 

Playlist Placeholder Image

190 x 107px

No

Logo for Sign In Screen

756 × 582px

No

Hero Images (applicable for Gallery Layout iOS template)

1740 x 700px, JPG
Max. 5 images

No

Custom Playlist Thumbnails (applicable for non-Gallery Layout iOS template)

 

1242px x 414px (maintain 3:1 aspect ratio)

No

Dark or Light Theme

Choose between a dark or light theme

Yes

Brand Color

Choose a hex #

Yes

 

 

Comments

Please sign in to leave a comment.