styleSubscribe to RSS - style

Colors

The main color theme for Tizen is a dark tone that is optimized for AMOLED. The background color is pure black, the point color is blue, and the color of the text and icons is white. Several vivid colors are used for specific functions, such as green for the "make a call" function, and red for "delete" functions.

Icons

 

Tizen applications can use a variety of icons.

Main Icons

This type of icon represents the application. It is recommend to have a circular shape for the icons of the Tizen platform, but it is not mandatory. It is normally used on the Home screen. However, if you do use it in other applications, make sure that the main icon is noticeable on any background.

Theme

Tizen offers 2system themes to maintain the visual consistency of the platform.

The black-toned 'dark' theme and beige-toned 'light' theme cover the background color and dictate the tone of various screen components. The dark theme is used by default.

When developing your application, you can select the theme and even customize the colors based on your brand identity and the different functions. However, make sure your customization efforts don't impact Tizen's overall visual consistency.

Touch Feedback

You must give users feedback when they touch specific elements (especially buttons) on the screen. This supports communication between a user and the application.

To promote better touch interaction with visual cues, Tizen offers several color changes and effects. The buttons have separate states (normal, pressed, and dim) for each button type, such as list buttons.  

Display

Screen resolutions vary from device to device. When designing layouts for your applications, make sure you consider the range of possible resolutions, as well as both landscape and portrait screen orientations.

Resolution

Tizen offers UI components for WVGA (480 x 800) and HD (720 x 1280) resolutions, so you can choose the components most suitable for your target device.