UI components and stencils

The UI components listed below are the basic Qt Quick building blocks of Symbian applications. The Symbian UI style is achieved by following the guidelines for each component. Please review the Overall UI model description in addition to this document.

Symbian stencils

NOTE: Some minor visual changes have taken place for Selector, Selection dialog, and Switch in Nokia Belle FP1. Read more about the changes on the implementation side.

Symbian visual design stencils are a collection of realistic user interface views and components. The stencils can be used to create mockups which are close to the final visual result. With this set you can create more refined concepts for presentations to stakeholders. The set contains Nokia fonts and drawing files representing the Qt Quick Components for Symbian. The visual design stencils are available for Adobe Illustrator CS5, Adobe Fireworks CS5 and Inkscape version 0.48 or above. 

The stencils come in dark and light themes. Both versions are available in the same package.

When creating icons for your application, please see the Symbian iconography guidelines and the Nokia Icon Toolkit. The Toolkit also contains some ready-made icons you can use in your own application.

The Qt Quick Components are part of the Qt SDK.

Component guidelines

Buttons (Push buttons) Check boxes Dialogs Labelling views
     
     
Lists Menus Progress indication Radio buttons
       
       
Scrolling Selectors Sliders Switch buttons
       
       
Tab bars Text fields and text areas Toolbars Tumblers


Last updated 3 May 2012
Nokia Developer aims to help you create apps and publish them so you can connect with users around the world.

京ICP备05048969号  © Copyright Nokia 2012 All rights reserved