Metro (käyttöliittymä)

Kokeneet kirjoittajat eivät ole vielä tarkistaneet sivun nykyistä versiota, ja se voi poiketa merkittävästi 14. joulukuuta 2019 tarkistetusta versiosta . tarkastukset vaativat 9 muokkausta .

Metro on Microsoft -tuotteiden graafisen käyttöliittymän taiteellisen tyylin  sisäinen koodinimi . Tunnusomaisia ​​piirteitä ovat keskittyminen typografiaan ja tekstin korostaminen, graafinen minimalismi, sileä animaatio, yksi tyylin erottavista elementeistä on litteät suorakaiteen muotoiset "laatat".

Alun perin suunniteltu käytettäväksi Windows Phonen kanssa , sitä on myös käytetty käyttöliittymän luomiseen Encarta Encyclopedialle ja MSN 2.0:lle sekä Zunelle ja Windows Media Centerille . Metro rakennettiin myöhemmin Windows Phonen , Microsoftin verkkosivuston, Xbox 360 :n , Windows 8 :n [1] , Xbox Onen ja Windows 10 :n (osittain) käyttöliittymälle.

Historia

Microsoftin oman version suunnittelusta, taide perustuu kyltteihin, joita yleisesti löytyy julkisista liikennejärjestelmistä, kuten King Countyn metron [2] liikennejärjestelmästä , joka palvelee suurempaa Seattlen aluetta, jossa Microsoftin pääkonttori on.

Early Metro -tyylielementit löytyvät Windows XP Media Center Editionin Windows Media Centeristä, joka käyttää tekstiä ensisijaisena navigointimuotona. Tämä käyttöliittymä on myös siirretty uudempiin Media Centerin versioihin. Vuonna 2006 Zune -käyttöliittymä päivitettiin näillä periaatteilla. Microsoftin suunnittelijat päättivät suunnitella käyttöliittymän uudelleen painottaen enemmän puhdasta typografiaa . Näitä periaatteita ja uutta Zune-käyttöliittymää käytettiin Windows Phonessa , joista monia käytettiin Windows 8:ssa. Litteät värit "live-laatat" esiteltiin Metrossa Windows Phonen kehityksen alussa. Microsoft on alkanut integroida näitä elementtejä muihin tuotteisiinsa, ja suora vaikutus on nähtävissä Windows Live Messengerin , Live Meshin ja Windows 8 :n uudemmissa versioissa [1] .

Periaatteet

Metro - tyyli perustuu sveitsiläiseen tyyliin suunnittelun periaatteisiin . Metron pääperiaatteet ovat hyvän typografian korostaminen ja iso teksti, joka pistää heti silmään. Microsoft kutsuu Metroa "yksinkertaiseksi, puhtaaksi, moderniksi" sekä "päivitykseksi" Windowsin , Androidin ja iOS :n kuvakepohjaisista käyttöliittymistä [3] .

Microsoft suunnitteli Metron erityisesti vahvistamaan joukkoa yleisiä tehtäviä nopeampaa käyttöä varten. Tämä saavutetaan poistamalla tarpeeton grafiikka ja luottamalla sen sijaan todelliseen sisältöön, joka toimii pääkäyttöliittymänä.

Animaatiolla on iso rooli. Microsoft suosittelee sujuvaa siirtymistä ja käyttäjän vuorovaikutusta todellisiin liikkeisiin (kuten napauttaminen tai vetäminen) perustuen. Tämä antaa käyttäjälle vaikutelman "elävästä" ja reagoivasta käyttöliittymästä "lisätyllä syvyyden tunteella" [4] [5] .

Microsoft on koonnut sisäisen luettelon periaatteista, joita pidetään Metron perustana [6] .

Noin samaan aikaan Windows 8:n virallisen julkaisun (26. lokakuuta 2012) kanssa, kun yhä useammat kehittäjät ja Microsoft-kumppanit alkoivat luoda uusia Metro-tyylisiä sovelluksia, aiheesta luotiin monia resurssisivustoja, mukaan lukien erityiset graafisen suunnittelun ohjeet. Windows Storen käyttöliittymät [7] .

Fontti

Kaikki nämä fontit eroavat enimmäkseen vain pienistä yksityiskohdista. Selkeimmät erot Segoe UI:n ja Segoe WP:n välillä näkyvät digitaalisissa merkeissä. Windows 8:ssa käytetty Segoe UI -versio on samanlainen kuin Segoe WP. Merkkejä, joissa on huomattavia typografisia muutoksia tässä versiossa , ovat 1 , 2 , 4 , 5 , 7 , 8 sekä I ja Q.

Arviot

Varhainen reaktio Metroon oli yleisesti ottaen myönteinen. Zune HD -katsauksessa Engadget sanoi: "Microsoft jatkaa suuren, suuren typografian pyrkimystä täällä tarjota hienostuneen, siististi suunnitellun asettelun, joka on melkein yhtä toimiva kuin houkutteleva" [9] . CNET ylisti Metroa sanoen: "Se on vähän rohkeampi ja epämuodollisempi kuin iPhonen ja iPod touchin jäykät, steriilit kuvakkeiden "ruudukot" ja arkistokaappimaiset valikot " [10] .

Industrial Designers Society of  America (IDEA ) on myöntänyt Metroa käyttävälle Windows Phonelle Gold People's Choice -muotoilupalkinnon sekä Best in Show -palkinnon [11] :

Innovaationa tässä on sujuva vuorovaikutus ja keskittyminen dataan käyttämättä perinteisen käyttöliittymän käytäntöjä - ikkunoita ja kehyksiä. Tiedoista tulee visuaalisia ominaisuuksia ja ohjaimia. Yksinkertaisten eleiden ja siirtymien avulla voit syventää sisältöä. Todella tyylikäs ja ainutlaatuinen kokemus.

Alkuperäinen teksti  (englanniksi)[ näytäpiilottaa] Innovaatio on kokemuksen sujuvuus ja keskittyminen tietoihin ilman perinteisiä ikkunoiden ja kehysten käyttöliittymäkonventioita. Datasta tulee visuaalisia elementtejä ja säätimiä. Yksinkertaiset eleet ja siirtymät ohjaavat käyttäjää syvemmälle sisältöön. Todella tyylikäs ja ainutlaatuinen kokemus. — Isabelle Ancona, IDEA:n käyttäjäkokemuskonsultti [12]

25. elokuuta 2012 Ars  Technican Peter Bright esikatseli Windows 8: aa ja omisti katsauksen ensimmäisen osan Windows 8:n aloitusnäytön (rakennettu Metrolla) vertaamiseen sen aiempaan versioon Windows 7:ssä ja sitä vanhemmissa käyttöjärjestelmissä. Käydessään läpi heidän hyvät ja huonot puolet, Peter Bright päätteli, että aloitusnäyttö, vaikkakaan ei ilman ongelmia, on selvä voittaja [13] .

Metro-nimen eläkkeelle

Elokuussa 2012 alkoi liikkua huhuja, että yksi Microsoftin vähittäismyyntikumppaneista, saksalainen Metro AG  , uhkasi Microsoftia vastaan ​​oikeustoimilla "Metro" -tavaramerkin loukkaamisesta. Microsoftin kehittäjille ja työntekijöille lähetettiin muistio, jossa heitä kehotettiin lopettamaan termin "metro" käyttö "tärkeän eurooppalaisen kumppanin" kanssa käytyjen neuvottelujen tulosten yhteydessä [14] [15] . Microsoft kutsuu suunnittelukieltä väliaikaisesti nimellä "Modern UI".

9. elokuuta 2012 paljastettiin, että Microsoft aikoo käyttää termiä "Windows 8" korvaamaan "Metro" kuluttajamateriaaleissa, ja termi "Modern UI" on tarkoitettu kehittäjille, jotka aikovat rakentaa ohjelmistoja uusien suunnitteluperiaatteiden pohjalta. [16] . Syyskuusta 2012 lähtien MSDN -dokumentaatiossa on käytetty termiä " Microsoftin suunnittelukieli "  viitattaessa suunnittelukieleen [17] [18] [19] [20] . Lisäksi Microsoft Build 2012 -kehittäjäkonferenssissa yritys käyttää myös nimeä "Microsoft Design Language" [21] [22] .

Kun viitataan Windows 8 -käyttöjärjestelmälle Metro-tyyliin luotuihin sovelluksiin, termit "Windows 8 -tyylinen sovellus" ( eng.  Windows 8 -tyylinen sovellus ) ja " Windows Storen sovellus " ( eng.  Windows Store -sovellus ) ovat käytetty.

Katso myös

Muistiinpanot

  1. 1 2 Windows Phone 7 -sarjan käyttöliittymän suunnittelu- ja vuorovaikutusopas  ( 18. maaliskuuta 2010). Haettu 9. lokakuuta 2010. Arkistoitu alkuperäisestä 15. toukokuuta 2013.
  2. ↑ Windows Phone 7 :n Metro-suunnittelukieli  . microsoft.com. Haettu 5. lokakuuta 2012. Arkistoitu alkuperäisestä 24. toukokuuta 2013.
  3. Selaa Blackboardin etusivua. Metro - Liitutaulu  . Businessinsider.com (25. huhtikuuta 2011). Haettu 3. marraskuuta 2011. Arkistoitu alkuperäisestä 24. toukokuuta 2013.
  4. Windows Phone -käyttöliittymä ja  suunnittelukieli . Haettu 9. lokakuuta 2010. Arkistoitu alkuperäisestä 24. toukokuuta 2013.
  5. Transportation to Pixels , Windows-tiimin blogi, 2011-02-16 , < http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/02/16/from-transportation-to-pixels.aspx > Arkistoitu 18. helmikuuta 2011 päivätty kopio Wayback Machinessa 
  6. Windows Phone 7:n Metro-suunnittelukieli |  Microsoft Design .työkalupakki . Microsoft.com. Haettu 8. syyskuuta 2011. Arkistoitu alkuperäisestä 15. toukokuuta 2013.
  7. UX-ohjeet Windows Storen sovelluksille . Haettu 15. toukokuuta 2013. Arkistoitu alkuperäisestä 30. marraskuuta 2012.
  8. Pitkä Zheng. "Zegoe", uusi Zune-fontti.  (englanniksi) . istartedsomething.com (14. marraskuuta 2007). Haettu 15. lokakuuta 2012. Arkistoitu alkuperäisestä 25. toukokuuta 2013.
  9. ↑ Topolsky , Joshua Zune HD arvostelu  . Aol (17. syyskuuta 2009). Haettu 19. helmikuuta 2013. Arkistoitu alkuperäisestä 25. toukokuuta 2013.
  10. Zune HD 64GB  Review . CNET . CBS Interactive (17. syyskuuta 2009). Haettu 19. helmikuuta 2013. Arkistoitu alkuperäisestä 25. toukokuuta 2013.
  11. Warren, Tom Windows Phone voitti IDEA 2011 - ihmisten valinnan suunnittelupalkinnon  . WinRumors (18. syyskuuta 2011). Haettu 19. helmikuuta 2013. Arkistoitu alkuperäisestä 28. toukokuuta 2013.
  12. Windows Phone  7 . Industrial Designers Society of America (8. kesäkuuta 2011). Haettu 3. marraskuuta 2011. Arkistoitu alkuperäisestä 28. toukokuuta 2013.
  13. Kirkas Peter Windows 8 työpöydällä – hankala  hybridi . Ars Technica . Condé Nast Digital (25. huhtikuuta 2012). Haettu 19. helmikuuta 2013. Arkistoitu alkuperäisestä 25. toukokuuta 2013.
  14. Microsoft on pakotettu muuttamaan käyttöliittymän nimeä  (eng.) . BBC (3. elokuuta 2012). Haettu 19. helmikuuta 2013. Arkistoitu alkuperäisestä 9. maaliskuuta 2013.
  15. Microsoft luopuu "Metro" nimestä Windows  8 :lle . BBC uutiset. Haettu 26. toukokuuta 2013. Arkistoitu alkuperäisestä 26. toukokuuta 2013.
  16. Microsoft nimeää Metron käyttöliittymän virallisesti Moderniksi  käyttöliittymäksi . Rekisteri (1. elokuuta 2012). Haettu 26. toukokuuta 2013. Arkistoitu alkuperäisestä 26. toukokuuta 2013.
  17. Tee upeita Windows Store -sovelluksia . MSDN. Haettu 17. syyskuuta 2012. Arkistoitu alkuperäisestä 26. toukokuuta 2013.
  18. Suunnittele tapaustutkimus: iPadista Windows Store  -sovellukseen . MSDN. Haettu 1. marraskuuta 2012. Arkistoitu alkuperäisestä 26. toukokuuta 2013.
  19. Typografian ohjeet  . MSDN. Haettu 1. marraskuuta 2012. Arkistoitu alkuperäisestä 26. toukokuuta 2013.
  20. Tiekartta Windows Storen sovelluksille, joissa käytetään DirectX:ää ja C  ++ :aa . MSDN. Haettu 1. marraskuuta 2012. Arkistoitu alkuperäisestä 26. toukokuuta 2013.
  21. Microsoftin suunnittelukieli  . Channel 9 (Microsoft). Haettu 1. marraskuuta 2012. Arkistoitu alkuperäisestä 26. toukokuuta 2013.
  22. Mary Jo Foley. Microsoft Design Language: Uusin virallinen tapa viitata "Metro  " . Haettu 1. marraskuuta 2012. Arkistoitu alkuperäisestä 26. toukokuuta 2013.

Linkit