Design resources for Windows Phone

[ This article is for Windows Phone 8 developers. If you’re developing for Windows 10, see the latest documentation. ]

This topic has links to design resources for Windows Phone.

The following table has design templates for creating pixel-perfect layouts for Windows Phone. These additional templates are included to help designers and developers maintain a consistent look and feel across apps.

Template

More info

Icon templates for Windows Phone 8

PSD templates for various icons.

Screen design templates for Windows Phone 8

PSD templates for many controls that are part of Windows Phone 8.

Screen design templates for Windows Phone 7

PSD templates for many controls that are part of Windows Phone 7.

Sketch template

A template for helping you to sketch out your page flows.

Design brief template

A Word document to help define your app.

IA template

A sample template that demonstrates an information architecture for an app.

SketchFlow Templates

Templates to help create prototypes in SketchFlow for Windows Phone 7.

The following table has links to design resources for Windows Phone, such as Blend for Visual Studio documentation, videos, and forums.

Resource

More info

Blend for Visual Studio 2012

Blend for Visual Studio is installed as a stand-alone app with the Windows Phone SDK and enables you to create Windows Phone apps using built-in templates.

App bar for Windows Phone

Describes the app bar and the icons that you can use in your apps, installed locally as a part of the Windows Phone SDK.

8 Tips for Designing Windows Phone Apps

A blog post that describes common design issues and provides 8 tips.

Windows Phone Design Bootcamp

A video series that covers the philosophy, inspiration, and visuals that are the Windows Phone Design Language.

Channel 9 – Microsoft Design Style Tag

Channel 9 videos that have content related to design.

Expression Blend Forum

A forum with questions and discussions regarding Blend.

.toolbox.school.tutorials

.toolbox tutorials that provide practical techniques, tips, and tricks. Learn about the different features of Windows Phone by simply drawing, resizing, dragging, and dropping elements onto the design surface of Blend.

See Also

Other Resources

Stack Overflow – Windows Phone 7 + Expression Blend