designers | Windows Central

The pinnacle of Surface

Why isn't the new Surface Pro named 'Surface Pro 5?'

Stay cool look cool

Introducing the new Windows Central 'Colors T-Shirt,' now ready to order!

Missing the future

Why Microsoft's new Surface Pro doesn't have a USB Type-C port

Cast your vote ...

Will you buy Microsoft's new Surface Pro? (poll)

All new for 2017

Meet the new Microsoft Surface Pro!

Tilt and shift

New Microsoft Surface Pen: Everything you need to know

Spec showdown

Which is the best? Surface Laptop vs. Spectre x360 vs. XPS 13

What to expect when you're expecting

What to expect from Microsoft's hardware event in China this week

The grass is greener

This $500 laptop from Acer is a great alternative to the best Chromebook

Limited Fix

There's now a fix for 'WannaCry,' but it's fairly limited

long-term strategy

Microsoft WILL release a Surface 'phone' — but it could take a while

Keep it secure

Try NordVPN for as little as $3.29 a month

Free Surface is the best kind of Surface

Want to win a Surface Laptop? Here’s how to increase your chances.

Surface Pro Refresh

Microsoft's 'Surface Pro 5' leaks ahead of official announcement

More Goodies

All the changes found in Windows 10 builds 16199 and 16193

XboxLiveBook

4 things Microsoft needs to do to make Xbox Live more social

Big Brother will be watching

Dystopian abuse of Microsoft's powerful AI camera tech is inevitable

A home for Quick Actions

Microsoft is building a new Control Center for Quick Actions in Windows 10

Scaling Optimization

How to use DPI scaling in Windows 10 to fix blurry old apps

PC for normies

Windows 10 S can succeed because 'normal' people aren't Windows geeks

< >

Pre-order: Surface Laptop | NEW Surface Pro

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 →