design assets & information for smart tvs (lg and samsung)

8
1 Design assets & information for Smart TVs (LG and Samsung) LG Smart TV App icons for a regular LG Smart TV To run your app on webOS TV, you must include the assets listed below in your app. These assets ensure that your app is branded correctly in the design that is consistent with the webOS TV system UI, and other 3rd party apps. App Icons for a Regular LG Smart+ TV App Icon Design Guidelines If the app icon is in the horizontal orientation, no padding is required around the app icon. It is recommended that small and large app icons be identical to each other. This makes it easier for users to identify the apps. Small and large app icons are always displayed on an app tile. The app tile color should be the same for small and large app icons.

Upload: others

Post on 04-Jun-2022

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Design assets & information for Smart TVs (LG and Samsung)

1

Design assets & information for Smart TVs (LG and Samsung)LG Smart TV

App icons for a regular LG Smart TV

To run your app on webOS TV, you must include the assets listed below in your app. These assets ensure that your app is branded correctly in the design that is consistent with the webOS TV system UI, and other 3rd party apps.

App Icons for a Regular LG Smart+ TV

App Icon Design Guidelines

If the app icon is in the horizontal orientation, no padding is required around the app icon.It is recommended that small and large app icons be identical to each other. This makes it easier for users to identify the apps.Small and large app icons are always displayed on an app tile. The app tile color should be the same for small and large app icons.

Page 2: Design assets & information for Smart TVs (LG and Samsung)

2

Background Images

Background Image Design Guidelines

• Avoid placing an object on the TOP 200 px and BOTTOM 200 px of the image.• Use minimal text inside the image.• Use an image that represents your brand, NOT a specific piece of content.• Should NOT include your icon and logo.• Select what could entice the viewer to click and launch the app.

Page 3: Design assets & information for Smart TVs (LG and Samsung)

3

App Splash Image Guidelines

• Use an image that progresses from the launcher preview into the landing page of the app ifpossible. For example, the splash could use elements of the UI from the first screen of theapp.

• Should NOT be a black screen.• Should NOT be identical to the background image.• Use minimal text inside the image to avoid localization problems.

App Information Description

Page 4: Design assets & information for Smart TVs (LG and Samsung)

4

Samsung Smart TV

App icons for Samsung Smart TV

An application icon used for Samsung Smart TV applications for 2016 TV model groups and later consists of two images. To correctly display your application icon on 2016 Samsung Smart TVs and later, you must comply with the conditions detailed below.

Page 5: Design assets & information for Smart TVs (LG and Samsung)
Page 6: Design assets & information for Smart TVs (LG and Samsung)

App Screenshot

You must add at least four images which will be used as screenshots for your application to illustrate its main features.To correctly display your application screenshots on Samsung Smart TVs, you must comply with the conditions detailed below.

Page 7: Design assets & information for Smart TVs (LG and Samsung)

Magine?ro

App Icons for 2015

To correctly display your application icon on 2015 Samsun9 Smart TVs, you must comply with the condltions detailed 1n

Table 2-2 and figure 2-4.

To make the main image dlstinct and attractive, use a simple, unique image and leave space around it

Reqiuirad File Image Size {px) Hle Size Image Format Ale Name

Logo Image 512 x423 Less than 300KB (72 DPI) 24 bit PNG (RGB) logo_c1ppname_fg.pog

Table 2·2. Items ta be reviewed when creating icons

S 2 px

423 px

23 px

Figure 2-4. Detailed Layout

Good Ba

Page 8: Design assets & information for Smart TVs (LG and Samsung)

GENERAL INFORMATION

Please refer to your Product Manager for additional guidelines and support information.

CHECKLIST

Please supply us with the following list of image assets for Apple and Android TVs.

Magine?ro

Deviceev Image Type Image File Image siz Used for Comment