designers | Windows Central

Long live Windows phone

Contrary to popular belief, Windows phone won't die anytime soon

XP-YESSSSSSS

Dell's already awesome XPS 15 gets even better in 2017

Surface Pwn 5

Surface Pro 5, Project NEON details leaked on LinkedIn?

Redefining the PC

Why Microsoft's Surface phone could be MUCH more than a mere 'phone'

Surface table meets Windows 10

Yes, we did put Windows 10 on the original Surface table ... and it rocks

Cream o' the crop

Before buying a Microsoft laptop, check out our pick for the absolute best

Simple and secure, just the way I like it

We think Windows 10 Cloud is a great idea, here's why

uber micro

Halo Wars 2 has something for everyone. Here's our full review.

Oldie but goldie

We reviewed Microsoft's decade-old Surface table

Creators Update comin' at ya

These are the coolest new features in the next big Xbox One update (video)

Buyer's guide

The Razer Blade 14 is the best laptop Razer has to offer

Windows 10 app gems

10 terrific Windows 10 apps you should be using

Tower of power

Here's what we think of Dell's XPS Tower Special Edition

Quite a deal

Grab the complete C# coding bootcamp for $41!

Your go-to laptop guide

Introducing our ultimate laptop buyer's guide

Listen here

Attn Android and iPhone users: What you need to know about Windows phone

Old is new?

The original Surface Pro still holds its own in the 2-in-1 world

Xbox Greenlight?

No, internet, Microsoft isn't opening Xbox to all UWP games

Falling in love

HP Envy 34 review: An ultrawide curved all-in-one after my heart

< >

Shop: Surface Studio | New Surface Book | Xbox One S Bundles | NEW Dell XPS 13"

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 →

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 →