Metro UI
While we're at it, let's build a user interface that resembles the Windows Phone home screen. This concept, basically a grid of colored rectangles (tiles) of various sizes, was known as Metro UI at some point in time, but was later renamed to Modern UI due to trademark issues. No matter the name, this is how it looks. This will give you a vague idea of what we'll be aiming at during the course of this app's development:
Design inspiration – Windows Phone home screen with tiles
Obviously, we aren't going to replicate it as is, but rather make something that resembles the depicted user interface. The following list pretty much summarizes the distinctive features we're after:
- Everything is aligned to a rectangular grid
- UI elements feature the same flat look discussed in Chapter 1, Building a Clock App (tiles use bright, solid colors, and there are no shadows or rounded corners)
- Tiles that are considered more useful (for an arbitrary definition of "...
