Revision as of 01:59, 12 February 2013 by hamishwillee (Talk | contribs)

Windows Phone Modern UI

From Nokia Developer Wiki
Jump to: navigation, search

Needs-update.pngThis article needs to be updated: If you found this article useful, please fix the problems below then delete the {{ArticleNeedsUpdate}} template from the article to remove this warning.

Reasons: hamishwillee (11 Feb 2013)

  • The UI is no longer called metro which implies a need for the topic name to change along with the content
  • There are a lot more resources on working with "metro" than just this presentation. This should be changed to index a lot more of the resources on DevCenter, and to have a brief overview (paragraph?) of the fundamental concepts.

In this article we will understand the concept of Metro designing for Windows Phone 7.

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 (12 Feb 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 Metro ?

The most interesting and unique point about Windows Phone 7 is, its user interface called Metro because it is Simple, Clean and Modern.

Metro Designing Languages:

Traffic system

- Typographical  
- Iconography
- Dynamics  
- Colors

For pictorial representation please see Metro Designing Concepts document.


For the better understand the Metro UI development please see attached presentation for the same.

89 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.


Thank you!

We appreciate your feedback.