Metro De­sign

OpenSource For You - - DEVELOPERS OVERVIEW -

Metro is a ty­pog­ra­phy- and ge­om­e­try-fo­cused de­sign lan­guage cre­ated by Mi­crosoft pri­mar­ily for user in­ter­faces. A key de­sign prin­ci­ple is bet­ter fo­cus on the con­tent of ap­pli­ca­tions, re­ly­ing more on ty­pog­ra­phy and less on graph­ics (con­tent be­fore chrome). Early ex­am­ples of Metro prin­ci­ples can be found in En­carta 95 and MSN 2.0. The de­sign lan­guage evolved in Win­dows Me­dia Cen­tre and Zune, and was for­mally in­tro­duced as ‘Metro’ dur­ing the un­veil­ing of Win­dows Phone 7. It has since been in­cor­po­rated into sev­eral of the com­pany’s other prod­ucts, in­clud­ing the Xbox 360 sys­tem soft­ware, Xbox One, Win­dows 8, Win­dows Phone, and Out­look.com un­der the names Mi­crosoft De­sign lan­guage and Mod­ern UI af­ter Mi­crosoft dis­con­tin­ued the name ‘Metro’ sup­pos­edly be­cause of trade­mark is­sues.

Fig­ure 3: An il­lus­tra­tion of dif­fer­ent com­po­nents in Flat De­sign

Fig­ure 2: Word­Press theme show­ing the use of Metro De­sign

Newspapers in English

Newspapers from India

© PressReader. All rights reserved.