Metro (grænseflade)

Den aktuelle version af siden er endnu ikke blevet gennemgået af erfarne bidragydere og kan afvige væsentligt fra den version , der blev gennemgået den 14. december 2019; checks kræver 9 redigeringer .

Metro  er det interne kodenavn for den kunstneriske stil af den grafiske brugergrænseflade til Microsoft -produkter . Karakteristiske træk er fokus på typografi og vægt på tekst, grafisk minimalisme, glat animation, et af stilens karakteristiske elementer er flade rektangulære "fliser".

Oprindeligt designet til brug med Windows Phone , er det også blevet brugt til at skabe brugergrænsefladen til Encarta Encyclopedia og MSN 2.0 samt Zune og Windows Media Center . Metro blev senere bygget på grænsefladen til Windows Phone , Microsofts hjemmeside, Xbox 360 , Windows 8 [1] , Xbox One , Windows 10 (delvis).

Historie

Ifølge Microsofts egen version af designet er kunstværket baseret på skilte, der almindeligvis findes i offentlige transportsystemer, såsom dem, der er placeret på King County Metro [2] transportsystem , som betjener det større Seattle -område, hvor Microsoft har hovedkvarter.

Tidlige Metro-stilelementer findes i Windows Media Center til Windows XP Media Center Edition, som bruger tekst som den primære form for navigation. Denne grænseflade er også blevet overført til senere versioner af Media Center. I 2006 blev Zune -grænsefladen opdateret med disse principper. Microsofts designere besluttede at redesigne grænsefladen med mere vægt på ren typografi . Disse principper og den nye Zune brugergrænseflade blev brugt i Windows Phone , hvoraf mange blev brugt i Windows 8. Flade farve "live fliser" blev introduceret til Metro tidligt i udviklingen af ​​Windows Phone. Microsoft er begyndt at integrere disse elementer i sine andre produkter, med direkte indflydelse set i nyere versioner af Windows Live Messenger , Live Mesh og Windows 8 [1] .

Principper

Metro-stilen er baseret på schweiziske stildesignprincipper . Hovedprincipperne i Metro er vægten på god typografi og stor tekst, der umiddelbart falder i øjnene. Microsoft kalder Metro "enkel, ren, moderne" såvel som en "opgradering" fra de ikonbaserede grænseflader i Windows , Android og iOS [3] .

Microsoft designede Metro specifikt for at styrke en gruppe af almindelige opgaver til hurtigere brug. Dette opnås ved at eliminere overflødig grafik og i stedet stole på, at faktisk indhold fungerer som den primære brugergrænseflade.

Animation spiller en stor rolle. Microsoft anbefaler jævne overgange og brugerinteraktion baseret på reelle bevægelser (såsom at trykke eller trække). Dette giver brugeren indtryk af en "livlig" og responsiv grænseflade med "en ekstra følelse af dybde" [4] [5] .

Microsoft har udarbejdet en intern liste over principper, der anses for at være grundlaget for Metro [6] .

Omkring samme tid som den officielle udgivelse af Windows 8 (26. oktober 2012), da flere udviklere og Microsoft-partnere begyndte at arbejde på at skabe nye apps i Metro-stil, blev der oprettet mange ressourcewebsteder om emnet, herunder specifikke retningslinjer for grafisk design. grænseflader til Windows Store [7] .

Skrifttype

Alle disse skrifttyper adskiller sig for det meste kun i mindre detaljer. De mest åbenlyse forskelle mellem Segoe UI og Segoe WP ses i de digitale karakterer. Den version af Segoe UI, der bruges i Windows 8, ligner Segoe WP. Karakterer med bemærkelsesværdige typografiske ændringer i denne version omfatter 1 , 2 , 4 , 5 , 7 , 8 og I og Q.

Bedømmelser

Den tidlige reaktion på Metro var generelt positiv. I en Zune HD-anmeldelse sagde Engadget : "Microsoft fortsætter sin indsats for stor, stor typografi her og leverer et sofistikeret, pænt designet layout, der er næsten lige så funktionelt som det er attraktivt" [9] . CNET roste Metro og sagde: "Det er lidt mere vovet og uformelt end de stive, sterile "gitter" af ikoner og arkivskabslignende menuer på iPhone og iPod touch " [10] .

Industrial Designers Society of  America (IDEA ) har tildelt Windows Phone, der bruger Metro en Gold People's Choice Design Award samt en Best in Show-pris [11] :

Innovationen her er smidig interaktion og fokus på data uden at bruge konventionerne fra den traditionelle brugergrænseflade - vinduer og rammer. Dataene bliver til visuals og kontroller. Simple bevægelser og overgange giver dig mulighed for at dykke dybere ned i indholdet. En virkelig elegant og unik oplevelse.

Originaltekst  (engelsk)[ Visskjule] Innovationen her er flydende erfaring og fokus på data, uden at bruge traditionelle brugergrænsefladekonventioner for vinduer og rammer. Data bliver de visuelle elementer og kontroller. Simple bevægelser og overgange guider brugeren dybere ind i indholdet. En virkelig elegant og unik oplevelse. — Isabelle Ancona, brugeroplevelseskonsulent hos IDEA [12]

Den 25. august 2012 lavede Peter Bright fra Ars  Technica en forhåndsvisning af Windows 8 og brugte den første del af anmeldelsen til at sammenligne Windows 8 Start-skærmen (bygget med Metro) med dens tidligere version i Windows 7 og tidligere. Efter at have gennemgået deres fordele og ulemper konkluderede Peter Bright, at startskærmen, selvom den ikke er uden nogle problemer, er en klar vinder [13] .

Pensionering af metronavnet

I august 2012 begyndte rygter at cirkulere om, at en af ​​Microsofts detailpartnere, det tyske firma Metro AG  , truede med sagsanlæg mod Microsoft for at krænke "Metro" -varemærket . Et notat blev sendt til Microsoft-udviklere og -medarbejdere, hvor de opfordrede dem til at stoppe med at bruge udtrykket "Metro" i forbindelse med resultaterne af forhandlinger med en "vigtig europæisk partner" [14] [15] . Microsoft kalder midlertidigt designsproget "Modern UI".

Den 9. august 2012 blev det afsløret, at Microsoft planlægger at bruge udtrykket "Windows 8" til at erstatte "Metro" i forbrugermaterialer, og udtrykket "Modern UI" er beregnet til udviklere, der planlægger at bygge software baseret på nye designprincipper [16] . Siden september 2012 har MSDN -dokumentation brugt udtrykket " Microsoft designsprog "  når der henvises til designsproget [17] [18] [19] [20] . Derudover bruger virksomheden på Microsoft Build 2012 udviklerkonferencen også navnet "Microsoft Design Language" [21] [22] .

For at henvise til applikationer, der er oprettet i Metro-stilen til Windows 8, er udtrykkene "applikation i stil med Windows 8" ( eng.  Windows 8-stil app ) og "applikation af Windows Store " ( eng.  Windows Store app ) Brugt.

Se også

Noter

  1. 1 2 Windows Phone 7 Series UI Design & Interaction Guide  ( 18. marts 2010). Hentet 9. oktober 2010. Arkiveret fra originalen 15. maj 2013.
  2. Metro Design Language for Windows Phone  7 . microsoft.com. Hentet 5. oktober 2012. Arkiveret fra originalen 24. maj 2013.
  3. Gennemse Blackboard Home. Metro - Blackboard  . Businessinsider.com (25. april 2011). Hentet 3. november 2011. Arkiveret fra originalen 24. maj 2013.
  4. Windows Phone UI og  designsprog . Hentet 9. oktober 2010. Arkiveret fra originalen 24. maj 2013.
  5. From Transportation to Pixels , Windows-teamblog, 2011-02-16 , < http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/02/16/from-transportation-to-pixels.aspx > Arkiveret kopi dateret 18. februar 2011 på Wayback Machine 
  6. Metro Design Language for Windows Phone 7 |  Microsoft Design .værktøjskasse . Microsoft.com. Hentet 8. september 2011. Arkiveret fra originalen 15. maj 2013.
  7. UX-retningslinjer for Windows Store-apps . Hentet 15. maj 2013. Arkiveret fra originalen 30. november 2012.
  8. Lang Zheng. "Zegoe", den nye Zune-skrifttype.  (engelsk) . istartedsomething.com (14. november 2007). Hentet 15. oktober 2012. Arkiveret fra originalen 25. maj 2013.
  9. ↑ Topolsky , Joshua Zune HD anmeldelse  . Aol (17. september 2009). Hentet 19. februar 2013. Arkiveret fra originalen 25. maj 2013.
  10. Zune HD 64GB  anmeldelse . CNET . CBS Interactive (17. september 2009). Hentet 19. februar 2013. Arkiveret fra originalen 25. maj 2013.
  11. Warren, Tom Windows Phone vinder IDEA 2011 - people's choice design  award . WinRumors (18. september 2011). Hentet 19. februar 2013. Arkiveret fra originalen 28. maj 2013.
  12. Windows Phone  7 . Industrial Designers Society of America (8. juni 2011). Hentet 3. november 2011. Arkiveret fra originalen 28. maj 2013.
  13. Bright, Peter Windows 8 på skrivebordet - en akavet  hybrid . Ars Technica . Condé Nast Digital (25. april 2012). Hentet 19. februar 2013. Arkiveret fra originalen 25. maj 2013.
  14. Microsoft er tvunget til at ændre navnet på grænsefladen  (eng.) . BBC (3. august 2012). Hentet 19. februar 2013. Arkiveret fra originalen 9. marts 2013.
  15. Microsoft vil droppe 'Metro'-navnet til Windows  8 . BBC nyheder. Hentet 26. maj 2013. Arkiveret fra originalen 26. maj 2013.
  16. Microsoft omdøber officielt Metro UI til Modern  UI . Registret (1. august 2012). Hentet 26. maj 2013. Arkiveret fra originalen 26. maj 2013.
  17. Lav fantastiske Windows Store-apps . MSDN. Hentet 17. september 2012. Arkiveret fra originalen 26. maj 2013.
  18. Design casestudie: iPad til Windows Store  app . MSDN. Hentet 1. november 2012. Arkiveret fra originalen 26. maj 2013.
  19. Retningslinjer for  typografi . MSDN. Hentet 1. november 2012. Arkiveret fra originalen 26. maj 2013.
  20. Køreplan for Windows Store-apps, der bruger DirectX og C  ++ . MSDN. Hentet 1. november 2012. Arkiveret fra originalen 26. maj 2013.
  21. Microsofts designsprog  . Kanal 9 (Microsoft). Hentet 1. november 2012. Arkiveret fra originalen 26. maj 2013.
  22. Mary Jo Foley. Microsoft Design Language: Den nyeste officielle måde at henvise til 'Metro  ' på . Hentet 1. november 2012. Arkiveret fra originalen 26. maj 2013.

Links