Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries. Thanks for all your past and future contributions.

Windows Phone Modern UI

From Wiki
Jump to: navigation, search

In this article we will understand the concept of the "Modern UI design" (formerly known as Metro) for Windows Phone.

WP Metro Icon UI.png
WP Metro Icon WP8.png
SignpostIcon WP7 70px.png
Article Metadata
Created: pavan.pareta (11 Nov 2011)
Last edited: hamishwillee (06 Sep 2013)


Build delightful experience look for balance between the Metro principles and your own style, basically Metro designing inspired from traffic system which helps us for quick way to finding.

What is Modern UI (Metro)?

Modern UI is the design philosophy behind Windows Phone and Windows 8. It aims to be simple, clean and modern. It is focused mainly around a chromeless, content first design. Inspiration has been drawn for example from traffic signs.

Metro Designing Languages:

Traffic system

  • Typographical
  • Iconography
  • Dynamics
  • Colors

For pictorial representation please see Metro Designing Concepts document.

Further Reading

Videos on Windows Phone App Design

This page was last modified on 6 September 2013, at 06:53.
84 page views in the last 30 days.