Thursday 28 June 2012

Atom 28: Metro design principles & examples

Microsoft highlight four principles as being fundamental to the Metro UI; typography, motion, “content not chrome” and honesty.

Metro is “authentically digital”, a contrast to some of the more skeuomorphic design principles of companies like Apple. For example, Apple designed its Contacts, Calendar, Notes and Reminders apps to resemble their more physical counterparts, something which has proved pretty controver

Microsoft’s Zune site is very heavily influenced by Metro, especially notable since the Zune was the first device to really embrace a full-blown Metro interface. You can see in the design a perfect embodiment of Metro on the web.

The BBC’s current homepage adheres heavily to Metro principles with a bold use of typography and grids.

-Extracts from webdesign.tutplus

No comments:

Post a Comment