![]() He also mentioned the "motion" of the UI, specifically in Windows Phone, of the Live Tiles, moving dots, and kinetic scrolling. At Nokia World 2011, Belfiore explained that the UI aims to be "artistic" in textual elements and iconography. Joe Belfiore was one of the architects of Metro. Characters with notable typographic changes included 1, 2, 4, 5, 7, 8, I, and Q. The Segoe UI font in Windows 8 had obvious differences – similar to Segoe WP. ![]() ![]() More obvious differences between Segoe UI and Segoe WP are apparent in their respective numerical characters. The fonts mostly differ only in minor details. For the Zune, Microsoft created a custom version called Zegoe UI, and for Windows Phone Microsoft created the Segoe WP font family. All instances use fonts based on the Segoe font family designed by Steve Matteson at Agfa Monotype and licensed to Microsoft. Microsoft sees the design language as "sleek, quick, modern" and a "refresh" from the icon-based interfaces of Windows, Android, and iOS. The design language places emphasis on good typography and has large text that catches the eye. Microsoft's design team cites as an inspiration for the design language signs commonly found at public transport systems. Microsoft design language design principles behind the Start screen in Windows 8 and Xbox One (top) and Windows 10 "Threshold" (bottom), that is also used in Windows Store, Xbox Music and Xbox Video: Tiles represent atomic units of information This version introduced a new set of widgets, including date pickers, toggles and switches, and reduced the border thicknesses for all user interface elements. Microsoft Design Language 2 (MDL2) was developed alongside Windows 10. Many of Microsoft's divisions ended up adopting Metro. In an interview it was explained that different Microsoft divisions use each other's products, and the extension of Metro was not a company-wide approach but instead teams such as Xbox liking Metro and adapting it for its own products. Flat colored "live tiles" were introduced into the design language during the early Windows Phones studies. 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. These principles and the new Zune UI were carried over to Windows Phone first released in 2010 (from which much was drawn for Windows 8). Microsoft designers decided to redesign the interface and with more focus on clean typography and less on UI chrome. In 2006, Zune refreshed its interface using these principles. This interface carried over into later iterations of Media Center. 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, as well as early concepts of Neptune. The design language is based on the design principles of classic Swiss graphic design. In 2017, the Fluent Design language extended it. According to Microsoft, "Metro" has always been a codename and was never meant as a final product, but news websites attribute this change to trademark issues. Before the "Microsoft design language" title became official, Microsoft executive Qi Lu referred to it as the modern UI design language in his MIXX conference keynote speech. It has since been incorporated into several of the company's other products, including the Xbox 360 system software and the Xbox One system software, Windows 8, Windows Phone, and. The design language evolved in Windows Media Center and Zune and was formally introduced as Metro during the unveiling of Windows Phone 7. Early examples of MDL principles can be found in Encarta 95 and MSN 2.0. This design language is focused on typography and simplified icons, absence of clutter, increased content to chrome ratio ("content before chrome"), and basic geometric shapes. Microsoft Design Language (or MDL), previously known as Metro, is a design language created by Microsoft.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |