Metro är det interna kodnamnet för den konstnärliga stilen i det grafiska användargränssnittet för Microsoft -produkter . Karakteristiska egenskaper är fokus på typografi och betoning på text, grafisk minimalism, smidig animering, ett av stilens utmärkande element är platta rektangulära "plattor".
Ursprungligen designad för användning med Windows Phone , har den också använts för att skapa användargränssnittet för Encarta Encyclopedia och MSN 2.0, samt Zune och Windows Media Center . Metro byggdes senare på gränssnittet för Windows Phone , Microsofts webbplats, Xbox 360 , Windows 8 [1] , Xbox One , Windows 10 (delvis).
Enligt Microsofts egen version av designen är konstverket baserat på skyltar som vanligtvis finns i kollektivtrafiksystem, som de som finns på King County Metro [2] transportsystem , som servar det större Seattle- området där Microsoft har sitt huvudkontor.
Tidiga Metro-stilelement finns i Windows Media Center för Windows XP Media Center Edition, som använder text som den primära formen av navigering. Detta gränssnitt har också porterats till senare versioner av Media Center. 2006 uppdaterades Zune -gränssnittet med dessa principer. Microsofts designers bestämde sig för att göra om gränssnittet med mer betoning på ren typografi . Dessa principer och det nya Zune-användargränssnittet användes i Windows Phone , av vilka många användes i Windows 8. Plattfärgade "live-plattor" introducerades till Metro tidigt i utvecklingen av Windows Phone. Microsoft har börjat integrera dessa element i sina andra produkter, med direkt inflytande som ses i nyare versioner av Windows Live Messenger , Live Mesh och Windows 8 [1] .
Metro-stilen är baserad på schweiziska designprinciper . Huvudprinciperna för Metro är betoningen på bra typografi och stor text som omedelbart fångar ögat. Microsoft kallar Metro "enkelt, rent, modernt" såväl som en "uppgradering" från de ikonbaserade gränssnitten för Windows , Android och iOS [3] .
Microsoft designade Metro specifikt för att stärka en grupp vanliga uppgifter för snabbare användning. Detta uppnås genom att eliminera överflödig grafik och istället förlita sig på att faktiskt innehåll fungerar som det huvudsakliga användargränssnittet.
Animation spelar en stor roll. Microsoft rekommenderar mjuka övergångar och användarinteraktion baserat på verkliga rörelser (som att trycka eller dra). Detta ger användaren intrycket av ett "livligt" och responsivt gränssnitt med "en extra känsla av djup" [4] [5] .
Microsoft har sammanställt en intern lista över principer som anses vara grunden för Metro [6] .
Ungefär samtidigt som den officiella releasen av Windows 8 (26 oktober 2012), när fler utvecklare och Microsoft-partner började arbeta med att skapa nya appar i Metro-stil, skapades många resurswebbplatser om ämnet, inklusive specifika riktlinjer för grafisk design. gränssnitt för Windows Store [7] .
Alla dessa typsnitt skiljer sig för det mesta endast i mindre detaljer. De mest uppenbara skillnaderna mellan Segoe UI och Segoe WP syns i de digitala karaktärerna. Den version av Segoe UI som används i Windows 8 liknar Segoe WP. Tecken med anmärkningsvärda typografiska förändringar i denna version inkluderar 1 , 2 , 4 , 5 , 7 , 8 och I och Q.
Den tidiga reaktionen på Metro var generellt positiv. I en Zune HD-recension sa Engadget , "Microsoft fortsätter sin strävan efter stor, stor typografi här, och levererar en sofistikerad, snyggt designad layout som är nästan lika funktionell som den är attraktiv" [9] . CNET berömde Metro och sa: "Det är lite mer vågat och informellt än de stela, sterila "rutnäten" av ikoner och arkivskåpsliknande menyer på iPhone och iPod touch " [10] .
Industrial Designers Society of America (IDEA ) har tilldelat Windows Phone som använder Metro en Gold People's Choice Design Award samt en Best in Show-pris [11] :
Innovationen här är smidig interaktion och fokus på data utan att använda konventionerna i det traditionella användargränssnittet - fönster och ramar. Data blir visuella och kontroller. Enkla gester och övergångar gör att du kan fördjupa dig i innehållet. En verkligt elegant och unik upplevelse.
Originaltext (engelska)[ visaDölj] Innovationen här är flytande erfarenhet och fokus på data, utan att använda traditionella användargränssnittskonventioner för fönster och ramar. Data blir de visuella elementen och kontrollerna. Enkla gester och övergångar guidar användaren djupare in i innehållet. En verkligt elegant och unik upplevelse. — Isabelle Ancona, användarupplevelsekonsult på IDEA [12]Den 25 augusti 2012 gjorde Peter Bright från Ars Technica en förhandsvisning av Windows 8 och ägnade den första delen av recensionen åt att jämföra Windows 8 Start-skärmen (byggd med Metro) med dess tidigare version i Windows 7 och tidigare. Genom att gå igenom deras för- och nackdelar drog Peter Bright slutsatsen att startskärmen, även om den inte är utan några problem, är en klar vinnare [13] .
I augusti 2012 började rykten cirkulera om att en av Microsofts detaljhandelspartner, det tyska företaget Metro AG , hotade med rättsliga åtgärder mot Microsoft för att ha gjort intrång i varumärket "Metro" . Ett memo skickades till Microsofts utvecklare och anställda som uppmanade dem att sluta använda termen "Metro" i samband med resultatet av förhandlingar med en "viktig europeisk partner" [14] [15] . Microsoft kallar tillfälligt designspråket för "Modern UI".
Den 9 augusti 2012 avslöjades att Microsoft planerar att använda termen "Windows 8" för att ersätta "Metro" i konsumentmaterial, och termen "Modern UI" är avsedd för utvecklare som planerar att bygga mjukvara baserad på nya designprinciper [16] . Sedan september 2012 har MSDN- dokumentationen använt termen " Microsoft design language " när det hänvisas till designspråket [17] [18] [19] [20] . Dessutom, på Microsoft Build 2012 utvecklarkonferens, använder företaget också namnet "Microsoft Design Language" [21] [22] .
För att hänvisa till applikationer skapade i Metro-stilen för Windows 8, är termerna "applikation i stil med Windows 8" ( eng. Windows 8-stil app ) och "applikation av Windows Store " ( eng. Windows Store app ) är Begagnade.