Icons
PUBLISHED
Tizen 2.3 applications can use a variety of icons.
Main Icon
The main icon represents the application. It is normally used on the Home screen. If you do use it in other applications, make sure that the main icon is noticeable on any background. The icons of the Tizen 2.3 platform have a circular shape.
Figure: Main icons
The main icon should have the following properties:
- File format: PNG file with a transparent background
- Size for a mobile device: 82 x 82 pixels (based on the WVGA resolution)
- Size for the Tizen Store: 512 x 512 pixels
Even though each icon on the Menu screen has a round frame on the edge of the circle, the frame is a UI element that only appears in the Menu screen. Do not use this type of frame when creating a main icon for your application.
NOTE: Always surround each icon with 2 pixels of transparent free space.
Figure: Main icon surroundings
2D Icons
The 2D icon style gives a generally round impression. The icons have 3 statuses (normal, pressed, and dim) and the color changes according to the status.
Figure: 2D icons
You can design icons for your application based on your brand identity or character. However, to maintain visual consistency, always give priority to the Tizen 2.3 2D style. Carefully consider the color and size of the area where you position the icon and make sure the icon visible in each state.
When you design a 2D icon, make sure you represent its status (normal, pressed or dim) with the right color, as shown in the following figure.
Figure: 2D icon status colors
Table: 2D icon status colors
STATUS |
COLOR |
Comments |
---|---|---|
Normal |
#0050b3 |
|
Pressed |
#125675 |
Decrease brightness 25 from the normal value Normal: HSB(213, 100, 70) Pressed: HSB(213, 100, 45) |
Dim |
#b2b2b2 |
Black opacity 30% |