Metro is an internal code name for a typography-based design language created by Microsoft, originally for use in Windows Phone 7. Early uses of the Metro principles, such as the typography, began as early as Microsoft Encarta 95 and MSN 2.0, and later evolved into products such as Windows Media Center and Zune. Later the principles of Metro were included in Microsoft's mobile operating system, Windows Phone, the Xbox 360 dashboard update, and Windows 8. A specially-made version of Microsoft's Segoe font family, Segoe WP, is used as the main font family for all typographical elements.It was confirmed by Microsoft at Computex that Windows 8, the successor to Windows 7, takes inspiration from Metro. Microsoft also added the Metro design principles to other products and services, like the Xbox 360 and Windows Live, in order to create a unified and distinctive look across its consumer products and services.
"Metro" is based on the design principles of classic Swiss graphic design. Early glimpses of this style could be seen in Windows Media Center for Windows XP Media Center Edition, which favored text as the primary form of navigation. This interface carried over into later iterations of Media Center. In 2006, Zune refreshed its interface using these Metro principles. Microsoft designers decided to redesign the interface and with more focus on clean typography and less on UI chrome.The Zune Desktop Client was also redesigned with an emphasis on typography and clean design that was different from the Zune's previous Portable Media Center based UI. Flat colored "live tiles" were introduced into the Metro design language during the early Windows Phone's studies.Microsoft has begun integrating these elements of the Metro design language into its other products, with direct influence being seen in newer versions of Windows Live Messenger and Live Mesh.
The Metro design language was designed specifically to consolidate groups of common tasks to speed up usage. This is accomplished by excluding superfluous graphics and instead relying on the actual content to also function as the main UI. The resulting interfaces favour larger hubs over smaller buttons and often feature laterally scrolling canvases. Page titles are usually large and consequently also take advantage of lateral scrolling.
Animation plays a large part, with transitions, and user interactions such as presses or swipes recommended to always be acknowledged by some form of natural animation or motion. This is intended to give the user the impression that the UI is "alive" and responsive, with "an added sense of depth."Internally, Microsoft has compiled a list of principles as core to the Metro design language
No comments:
Post a Comment