Designing simple pages

Some of the key elements of visual design are color, contrast, and typography. When you design for mobile devices, keep in mind that the features, restrictions, and challenges of small screens require a visually minimalist design. Efficient visual design for devices goes hand in hand with interaction design, using animations and transitions to guide the user through the interaction flows. In addition to enhancing usability, strong visual design enforces the brand and makes the overall design stand out from the competition.

Learning about visual design principles

To make views look good on the small display of a mobile device, you need a good understanding of using the following elements and rendering pages on small platforms:

Keep the design simple and maintain visual clarity. For more information, see the visual design guidelines in the Design and User Experience Library.

Rendering pages

You can use cascading style sheet (CSS) to render pages for mobile devices. A CSS contains specifications for standard elements that you can use in views, such as: headings, tables, lists, forms, radio buttons, and check boxes. For more information, see Customizing style sheets for S60 devices.