|
Metro UI
Microsoft Design Language (or MDL), previously known as Metro, is a design language created by Microsoft. This design language is focused on typography and simplified Icon (computing), icons, absence of clutter, increased content to UI chrome, chrome ratio ("content before chrome"), and basic geometric shapes. Early examples of MDL principles can be found in Encarta, ''Encarta 95'' and MSN Dial-up#MSN 2.0, MSN 2.0. The design language evolved in Windows Media Center and Zune and was formally introduced as Metro during the unveiling of Windows Phone 7. 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 Outlook.com. Before the "Microsoft design language" title became official, Microsoft executive Qi Lu (computer scientist), Qi Lu referred to it as the modern UI design language in his MIXX conference keynote speech. According to Microsoft, "Met ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Fluent Design
Fluent Design System (codenamed "Project Neon") is a design language developed in 2017 by Microsoft. Fluent Design is a revamp of Metro (design language), Microsoft Design Language 2 that includes guidelines for the designs and interactions used within software designed for all Windows 10 and Windows 11 devices and platforms. The system is based on five key components: light, depth, motion, material, and scale. The new design language includes more prominent use of motion, depth, and translucency effects. The transition to Fluent is a long-term project; aspects of the design started appearing in Windows 10 beginning with the "Fall Creators Update" released in October 2017, as well as an update to the Xbox One system software released alongside it. It was later revealed to be designed in conjunction with Windows 10X, in addition to Windows 11 which has a similar design. Compared to Metro and Aero Fluent's key principles, or "blocks" (Light, Depth, Motion, Material, and Scale ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
