“Air” Visual Language

The visual style of Tizen has evolved one step further. “Air” is the key concept behind our open, flexible, and rich visual experience. Typography, iconography, color, and motion are beautifully integrated to realize the new “Air” concept.

Notifications

The active notification type was added to support immediate user action for time-sensitive events.

“Air” is one of the inspirations behind the Tizen design. The concept was introduced to achieve the key principles of openness, flow, curiosity, and focus. “Air” is a conceptual element that inspires an open, flexible, and rich visual experience. Designs should be created to satisfy users with visually reinforced presentations.

The Origins of the “Air” Concept

“Air” interacts with “Ground,” “Atmosphere,” and “Wind,” to create different results.

The guidelines we provide will show you how to design useful and aesthetically pleasing Tizen apps that users will enjoy.

Let’s begin by sharing our vision for Tizen app design and the visual language we use. These concepts will help you provide users with an enjoyable Tizen experience.

The following components will help you incorporate Tizen's elegant visual style into your applications:

The Tizen platform features a number of basic user interactions that you may wish to incorporate into your application design:

You can use the following search options:

• Search field
• Search button

Place a search field at the top of a list or grid item.

Figure: Search field

Pop-ups can give users vital information when completing a task. They can carry a number of actions and are especially useful when the notification requires the user to respond.

You can use the following types of pop-ups:

• Notification pop-up
• Toast pop-up

Notification pop-up appears at the bottom of your application screen. Keep the following guidelines in mind when designing a pop-up:

Activity indicators are used to communicate ongoing processes to the user.

If a specific task is running continually over a certain period of time, you should offer users a visual cue about its progress or process.

Use a progress indicator when the duration or volume of the entire task can be predicted and communicated to the user. Both relative and absolute units can be used. Fill the progress bar from left to right as the task is being completed to make your application's progress as transparent as possible.

You can include pickers in your application design to help users set the date or time, and select colors.

You can use the following types of time pickers:

• Time picker
• Date picker

Figure: Time picker

The slider is used to control a value by moving the handle horizontally.

Use a slider for a setting with a wide range or when to show the direct effect of the change to the user. Sliders can be used to adjust brightness, color value, media playback, and volume.

If the user must set an exact numeric value, consider using other controls, such as a picker.

Never combine sliders with arbitrary numeric values that do not provide the user with meaningful information. For example, do not write out the low and high numeric value for a volume slider.