Touch Feedback [1]
PUBLISHED
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 [2] have separate states (normal, pressed, and dim) for each button type, such as list buttons.
Status | Normal | Pressed | Dim |
---|---|---|---|
BG image | Dark gray | Blue | Dark gray
(Normal status + 60% opacity) |
Font and icon | White
Black shadow Direction: 90 Distance: 2px |
White
Black shadow Direction: -90 Distance: 2px |
White
(Normal status + 60% opacity) |
In the normal state, the button remains a dark-gray BG image, while in the pressed state, it has a blue engraving effect, and the direction of the font and icon shadow turns -90 degrees.
In the dim state, based on the color value of the normal status, you should apply 60% opacity to the button.
You can view a set of button examples below (from left to right: a Text button in the footer in the pressed state, and a Delete icon button in the edit mode of the normal state).