Welcome to XDA

Search to go directly to your device's forum

Register an account

Unlock full posting privileges

Ask a question

No registration required
Post Reply

Official WP7 UI design template (28 PSDs) from Microsoft

OP Livven

18th July 2010, 08:16 PM   |  #1  
Livven's Avatar
OP Senior Member
Flag Wiesbaden
Thanks Meter: 14
 
938 posts
Join Date:Joined: Aug 2009
Microsoft has released - well hidden in its documentation - a design template for Photoshop which consists of 28 PSD files and therefore includes most of the design elements used in Windows Phone 7. Though this is primarily intended for designers who need to mock up the interface for an application (in which case you should also check out the UI Design and Interaction Guide), it's also a very useful resource for creating custom themes and skins based on the Metro design of Microsoft's upcoming mobile operating system. To quote the MSDN page:

Quote:

A collection of 28 layered Photoshop template files 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. These additional templates are included to help designers and developers maintain a consistent look and feel across applications for system controls that developers wish to mimic. Templates in the download: Application Bar & Application Menu, Buttons, Check Box, Context Menu, Date Picker, Dialog Boxes, Edit Control, Hardware, Icons, Keyboard & Input, List Picker, List View, Panorama, Panorama Backgrounds, Picker Box, Pivot, Progress Indicators, Quick Jump Grid, Radio Button, Reminders, Slider, Start & App List, Start Tiles, Status Bar, Theme, Time Picker, Toast Notifications, Toggle Switch

Download it here, in case you missed the inline link above (beware, though, it's an 88 MB zipped-up archive)

Thanks to Long Zheng for the find

I also attached all the fonts these PSDs need to render correctly.
Attached Files
File Type: zip WP7 Fonts.zip - [Click for QR Code] (902.6 KB, 4626 views)
Last edited by Livven; 18th July 2010 at 09:35 PM.
The Following User Says Thank You to Livven For This Useful Post: [ View ]
18th July 2010, 08:30 PM   |  #2  
Member
Thanks Meter: 3
 
73 posts
Join Date:Joined: Mar 2010
Does anyone know if the latest rom contains the Zegoe UI fonts?

These templates use a mix of Segoe UI, Zegoe UI, and Segoe WP with Segoe WP N

And the dump of the first rom, did not include the Zegoe fonts...
18th July 2010, 08:38 PM   |  #3  
Livven's Avatar
OP Senior Member
Flag Wiesbaden
Thanks Meter: 14
 
938 posts
Join Date:Joined: Aug 2009
Nope it doesn't, but I just attached them (and all the other Segeo WP fonts) in the first post for you to download .

Though it should be noted that Zegoe UI is identical with Segoe WP N, which only difference to the regular Segoe WP is that it's numbers are more traditionally styled, similar to Segoe UI.
18th July 2010, 08:43 PM   |  #4  
Member
Thanks Meter: 3
 
73 posts
Join Date:Joined: Mar 2010
Zegoe features serifs on many of the letters, and has a unique uppercase font. I have all the fonts you put into the first post, but Zeoge UI Semilight is missing, and it features in the templates, so I am wondering if someone could dump the latest July rom, or tell me how to dump it, to see if they feature the complete Zegoe font family?
18th July 2010, 08:52 PM   |  #5  
Livven's Avatar
OP Senior Member
Flag Wiesbaden
Thanks Meter: 14
 
938 posts
Join Date:Joined: Aug 2009
Hmm, from my observations Zegoe UI has no differences to Segoe WP N apart from the Zegoe Caps font you mentioned, though I may be mistaken. Are you sure there's a Zegoe UI SemiLight? I currently don't have Photoshop installed so I can't try it out myself, besides, I have never seen that variant. I'll look around and see what I can find.
Last edited by Livven; 18th July 2010 at 08:55 PM.
18th July 2010, 09:24 PM   |  #6  
antoniomistretta's Avatar
Senior Member
Flag La Spezia, Alessandria
Thanks Meter: 1,043
 
4,214 posts
Join Date:Joined: Aug 2008
More
Thumbs up
Thank you! I try!
18th July 2010, 10:20 PM   |  #7  
Member
Thanks Meter: 3
 
73 posts
Join Date:Joined: Mar 2010
Now this is interesting...

I am comparing the fonts in the July Beta ROM, to the ones in the original March one.

The Segoe WP N fonts are no more, they have been removed.
The Segoe WP fonts, have been changed and are now copyrighted as 2010 not 2008.

Fonts like Segoe WP Black now have numbers and letter shapes which are consistent with the other WP fonts.

The Segoe UI Bold and Regular fonts, contain serifs on the uppercase I, which is interesting as this was one of the differences between Segoe UI and Zegoe UI.

There are no Zegoe fonts, there are no Segoe UI italic fonts (I assume these if used on webpages map to the Segoe WP italic fonts, if they ever get included)
19th July 2010, 01:15 AM   |  #8  
Member
Thanks Meter: 2
 
66 posts
Join Date:Joined: Apr 2009
I don't think the Zegoe UI Semilight font is in the ROM, but it is included in the Zune PC software in the ZuneShellResources.dll.
Attached Files
File Type: zip ZegoeUI_SL.zip - [Click for QR Code] (22.5 KB, 394 views)
19th July 2010, 01:27 AM   |  #9  
Member
Thanks Meter: 3
 
73 posts
Join Date:Joined: Mar 2010
Quote:
Originally Posted by ~Johnny

I don't think the Zegoe UI Semilight font is in the ROM, but it is included in the Zune PC software in the ZuneShellResources.dll.

Brilliant, thank you! BTW, what resource editor/extractor do you use?

I have been looking through that file using Restorator 2009, and I find the Bold Zegoe Caps font as TTF, and two versions of the light font as TTC files.

Segoe UI Z Light, with Uppercase and Lowercase versions all in one TTC File

Cegoe UI Light, with Uppercase and Lowercase versions (some letters like the I and Q are different) all in one TTC File

And that's all I can find...
Last edited by daniel-t; 19th July 2010 at 02:24 AM.
19th July 2010, 08:22 PM   |  #10  
Windcape's Avatar
Senior Member
Flag Stockholm
Thanks Meter: 4
 
377 posts
Join Date:Joined: Jun 2010
More
Quite nice. Now we'll probably get the Pivot and Panorama controls soon.

Btw. This should be in the software development section, not hardware

Post Reply Subscribe to Thread
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes