ux.artu.tv » Blog Archive » 24 Weeks of Windows Phone Metro Design - #9 Layout & Composition in Windows Phone - Part II

24 Weeks of Windows Phone Metro Design - #9 Layout & Composition in Windows Phone - Part II

In this video we cover the basics of designing tiles. Tiles are used in Windows Phone and can (when it makes sense) be used inside of apps too. A general guideline is, if all you are going to have inside of a tile is text then do not create a tile but a list. We’ll talk more about lists in upcoming videos.

Video Notes

In this one I share my personal approach and thoughts on why and how to align text in tiles. While this video is super focused on that particularity, I hope some of these tips give you ideas for layouts of your own. In Metro design there are no rules, just ideas and exploration - as long as we defend the 5 design principles, we can do anything we like :) The magical number I refer to in this video is 12 pixels. I use it a lot. In addition to the Windows Phone design grid, the number 12 really helps in laying out objects. Remember the grid simply helps us with our general layout but from there and on, we can rely on other mechanisms, like the number 12 and multiples of it to position elements.

Leave a Reply