Windows Phone 7 Design Resources – UI Guide and Design Templates

Hey, they are giving me a free phone later in the year - the least I can do is pass on some blog posts to y'all... that said, I am into graphic design and so am definitely interested in hearing what you have to say about the "metro" design they are building for the phone...

With the Windows Phone Developer Tools in beta and Windows Phone 7 in technical preview, now is the time to build Windows Phone 7 apps in earnest, and we have refreshed our Design Resources for developers and designers to help you build beautiful apps.

The UI Design and Interaction Guide for Windows Phone 7 v2.0 has been updated for beta. With additional information and a new layout we hope you will find more readable, this guide provides detailed information about UI elements and controls, UI system behaviors, and the interaction model for the touch interface based on the design system codenamed “Metro”. Designers and developers should read this guide to learn about the dos and don’ts of UI implementations for their Windows Phone applications.

The Design Templates for Windows Phone 7 are a collection of 28 layered Photoshop template files and system fonts that can be used to create pixel-perfect application layouts, to help guide UI development, or to pitch an idea. These design templates showcase many controls that are a part of the Windows Phone Developer Tools Beta. They also include examples of controls that are a part of Windows Phone, but are not available as a part of the Windows Phone Developer Tools.

Let us know what you think. If you have suggestions or feedback about these design resources, please email us at

Comments (0)

Skip to main content