Welcome Guest, you are in: Login

dfWiki

RSS RSS

Navigation (technology)





Search the wiki
»

PoweredBy

HostedBy
Edit

GENERAL

Modern Design at Microsoft - http://www.microsoft.com/en-us/news/stories/design/
Design Day Recordings - JamieR
24 Weeks of Windows Phone Design - arturo Toledo
Bauhaus Inspiration - wikipedia,http://bauhaus-online.de/en/atlas/das-bauhaus
Bootcamp for Windows Phone 8 Design - http://channel9.msdn.com/Series/Windows-Phone-Design-Bootcamp/Windows-Phone-Design-Bootcamp-101-Windows-Design-Language
Design Principles - dev.windowsphone.com
Design Resources for Windows Phone - MSDN Home
Lists of Design Resources for WP7 - Mark Artega, David Crow
UI Design and Interaction Guide for Windows Phone 7 (pdf) - Microsoft
Windows Phone Stencil Kit - wpcentral
WP7 Apps Look Good but Different - MSNBC Technolog
20 Free Prototyping, Mockup and Wireframing Resources for Windows Phone 7 - microsoftfeed
Wallpaper for Windows Phone - mytechquest
WP7 Design Team on Twitter - @wpdesignteam
.toolbox Tutorials - http://www.microsoft.com/design/toolbox/school/tutorials.aspx



Edit

BLEND AND WP7

Blend and WP7 from Design Day - http://channel9.msdn.com/posts/Jaime+Rodriguez/Windows-Phone-Design-Days-Blend/
Custom Behaviors for WP7 - CisForCoder
Custom Fonts in Blend for WP - M.Artega
Custom Page Transitions for Beta2 - dotnetprofessional
Design Templates for Blend - codeplex
Image Buttons Using Blend - dohollan

Edit

BLOGS AND WEBSITES

Clarity Consulting's WP7 Design Blog - http://blogs.claritycon.com/blogs/windows_phone_7/default.aspx
Electric Beach - Christian Schorman
Jeff Wilcox's Metro Design Guide - http://www.jeff.wilcox.name/2011/03/metro-design-guide-v1/
Twitter - @wpdesignteam

Edit

MISC

10 Rules to Building a Great Windows Phone App - max zilberman
Flat Pixels - A Discourse on Skeumorphic Design - http://sachagreif.com/flat-pixels/
Not Your Parents Mobile Phone - UX Design Guidelines - smashingmagazine Q42011



Edit

BROWSER BASED APPS

IEMobile Blog
Fonts Supported on IEMobile - iemobile
Browser Support for WP7 (MSDN Ref)
JavaScript and CSS Changes in IEMobile for WP7 - iemobile
Designing Websites for Phone Browsers (pdf) from the WP7 team
Media CSS Element and WP7 - iemobile

Edit

ICONS

AppBar Icon Design Guidelines - MSDN
Metro Icons - SmartyPants
Application Bar Icons for WP7
More WP7 Icons - Mark Artega
http://www.thenounproject.com
Templarian Icon Pack for WP7 - http://templarian.com/project_windows_phone_icons/
Twenty Five Minimalist Icon Sets For Your WP7 Apps - microsoftfeed
Where did those WP7 Icons get installed to? C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.0\Icons.



Edit

METRO

Design Days Recordings - JaimeR
Design Guide for Developers - jeff wilcox
From Transportation to Pixels - windows_phone blog
Metro Thoughts - Mark Artega
.toolbox Metro Design Tutorials - microsoft
MIX10 Session on Metro - channel9
Wikipedia Article - metro ui
Windows Phone Design System CodeName Metro (pdf) - Microsoft
Windows Phone UI and Design Language - Mix10 Video

Edit

As Applied to Non-Windows-Phone

Android Launcher - pocketnow
Apple OS7 Skin - addictivetips
   Metro Web Site List - Microsoft.com,Silverlight.net,MetroTwit,Dominos
   Website Templates and CSS - Orange Juice Web Template ($8) - buystockdesign,PSD Template by P Dole,Simple Web Template by forrst, Win8 Web Template, WordPress Theme, CodePlex WordPress Theme,WordPress Implemented - http://www.pedrolamas.com/
HTML Templates - https://metrodynamis.com
Rich client - Zune Client, Apple Ping
Windows Phone Website Template - http://wp7appsite.codeplex.com/, ($8)http://www.buystockdesign.com/Orange-JuiceWP7-Website/PreviewDetail-9311.html
WordPress Metro Template - http://www.metroblogtheme.com/,themeforest



Edit

SKETCHFLOW

Using SketchFlow to Prototype for WP7 - http://electricbeach.org/?p=573
Sketchflow v.now for WP7 Prototyping - http://blogs.microsoft.nl/blogs/ux/archive/2011/03/23/using-sketchflow-for-windows-phone-prototyping.aspx
Sketchflow v.now for WP7 and Panorama - http://blogs.microsoft.nl/blogs/ux



Edit

TOOLS

Design Grids - Expression Design, Expression Blend, Transparent PNG, png, PhotoShop, Illustrator, gimp
PhotoShop Design Templates for WP7 (photoshop format) - http://go.microsoft.com/fwlink/?LinkId=196225
Sketch Pads - uistencils
UX Sketch Kit - merrycode
WireFrame Templates for CS3,4,5 - claritycon

Edit

SEE ALSO

WP7 - General Info, API Notes, App Hub, Windows Phone 7 - Starter Kits and Templates, Controls, Design, FAQ, Globalization and Localization, XNA, Windows Phone 7.5 - Mango - General

ScrewTurn Wiki version 3.0.5.600. Some of the icons created by FamFamFam.

FCC disclosure. Joe Healy is an employee of Microsoft Corporation. However, the views and opinions expressed on this site are strictly his own. Endorsement of a technology, person, or firm in this site is not Microsoft's endorsement of it. Any issues or suggestions email me at .

Web Statistics