designers

This is for all developers and designers out there who strive to produce only the best looking apps for Windows Phone. Jeff Wilcox, developer of 4th&Mayor and Senior Software Development Lead for Windows Phone, was discussing design principles with two members of the Windows Phone design team when he was introduced to a grid the team has been using on the platform. The grid is a set of squares 25×25px, offset 12px from one another, and all contained within a page padding of 24px.

Wilcox decided to create an overlay developers can use in emulator debugging to ensure text and content is aligned to perfection (see image above for example of misaligned text). This is best used with tweaking designs and the UI. Screenshots can be taken with the overlay active on the emulator and then shared with clients or the designer for feedback and critique.

MetroGridHelper can be installed with NuGet. For more information and installation details, head on over to Wilcox's blog (link below).

Source: Jeff Wilcox

More →
0
loading...
0
loading...
0
loading...
0
loading...

Should you be new to Windows Phone Metro UI development, coming from either Android or iOS for example, then this well worth checking out. Teppo Kotirinta, Principal Designer at Nordkapp, has just published an article on their blog announcing their designer cheat sheet.

This image which can be printed off or downloaded and opened on a 50" TV and will guide you through each illustration detailing what each screen contains and how the structure and design should be developed for effective deployment. Included are dimensions for live tiles, hex codes for all the WP7 themes and more. It really is a 101 for designing perfect Metro apps without the 1,000 pages worth of reading required.

They state that the cheat sheet will be updated as of when Microsoft release more features/information, so keep an eye out for updates should you find this useful.

Source: Nordkapp

More →
0
loading...
0
loading...
0
loading...
0
loading...