Metrou (interfață)

Versiunea actuală a paginii nu a fost încă revizuită de colaboratori experimentați și poate diferi semnificativ de versiunea revizuită pe 14 decembrie 2019; verificările necesită 9 modificări .

Metro este numele de cod  intern pentru stilul artistic al interfeței grafice cu utilizatorul pentru produsele Microsoft . Caracteristicile caracteristice sunt concentrarea pe tipografie și accent pe text, minimalismul grafic, animația netedă, unul dintre elementele distinctive ale stilului este „plăcile” dreptunghiulare plate.

Proiectat inițial pentru utilizare cu Windows Phone , a fost folosit și pentru a crea interfața de utilizator pentru Encarta Encyclopedia și MSN 2.0, precum și pentru Zune și Windows Media Center . Metro a fost construit ulterior pe interfața Windows Phone , site-ul Microsoft, Xbox 360 , Windows 8 [1] , Xbox One , Windows 10 (parțial).

Istorie

Conform propriei versiuni Microsoft a designului, opera de artă se bazează pe semne care se găsesc în mod obișnuit în sistemele de transport public, cum ar fi cele situate pe sistemul de transport King County Metro [2] , care deservește zona mai mare din Seattle , unde are sediul Microsoft.

Elementele de stil Metro timpurii se găsesc în Windows Media Center pentru Windows XP Media Center Edition, care utilizează textul ca formă principală de navigare. Această interfață a fost, de asemenea, portată la versiunile ulterioare ale Media Center. În 2006, interfața Zune a fost actualizată cu aceste principii. Designerii Microsoft au decis să reproiecteze interfața punând mai mult accent pe tipografia curată . Aceste principii și noua interfață cu utilizatorul Zune au fost utilizate în Windows Phone , multe dintre ele au fost utilizate în Windows 8. „Planuri vii” de culoare plate au fost introduse în Metro la începutul dezvoltării Windows Phone. Microsoft a început să integreze aceste elemente în celelalte produse ale sale, cu influență directă observată în versiunile mai noi de Windows Live Messenger , Live Mesh și Windows 8 [1] .

Principii

Stilul Metro se bazează pe principiile de design în stil elvețian . Principiile principale ale Metro sunt accentul pus pe o tipografie bună și un text mare care atrage imediat atenția. Microsoft numește Metro „simplu, curat, modern”, precum și un „upgrade” de la interfețele bazate pe pictograme ale Windows , Android și iOS [3] .

Microsoft a conceput Metro special pentru a consolida un grup de sarcini comune pentru o utilizare mai rapidă. Acest lucru se realizează prin eliminarea graficelor de prisos și, în schimb, bazându-se pe conținutul real pentru a funcționa ca interfață principală cu utilizatorul.

Animația joacă un rol important. Microsoft recomandă tranziții ușoare și interacțiunea utilizatorului bazate pe mișcări reale (cum ar fi atingerea sau tragerea). Acest lucru oferă utilizatorului impresia unei interfețe „vici” și receptive, cu „un sentiment adăugat de profunzime” [4] [5] .

Microsoft a întocmit o listă internă de principii care sunt considerate la baza Metro [6] .

Aproximativ în aceeași perioadă cu lansarea oficială a Windows 8 (26 octombrie 2012), pe măsură ce mai mulți dezvoltatori și parteneri Microsoft au început să lucreze la crearea de noi aplicații în stil Metro, au fost create multe site-uri web de resurse pe această temă, inclusiv linii directoare specifice pentru design grafic. interfețe pentru Windows Store [7] .

Font

Toate aceste fonturi diferă în mare parte doar în detalii minore. Cele mai evidente diferențe dintre Segoe UI și Segoe WP se văd în caracterele digitale. Versiunea de Segoe UI utilizată în Windows 8 este similară cu Segoe WP. Caracterele cu modificări tipografice notabile în această versiune includ 1 , 2 , 4 , 5 , 7 , 8 și I și Q .

Evaluări

Reacția timpurie la Metro a fost în general pozitivă. Într-o recenzie Zune HD , Engadget a spus: „Microsoft își continuă forța pentru o tipografie mare și mare aici, oferind un aspect sofisticat, frumos proiectat, care este aproape la fel de funcțional, pe atât de atractiv” [9] . CNET l-a lăudat pe Metro, spunând: „Este ceva mai îndrăzneț și mai informal decât „grilele” rigide și sterile de pictograme și meniuri asemănătoare cu dosare de pe iPhone și iPod touch[10] .

Societatea designerilor industriali din  America (IDEA ) a acordat Windows Phone care folosește Metro un premiu Gold People's Choice Design Award, precum și un premiu Best in Show [11] :

Inovația aici este interacțiunea lină și concentrarea pe date fără a utiliza convențiile interfeței tradiționale cu utilizatorul - ferestre și cadre. Datele devin elemente vizuale și controale. Gesturile și tranzițiile simple vă permit să aprofundați mai mult conținut. O experiență cu adevărat elegantă și unică.

Text original  (engleză)[ arataascunde] Inovația aici este fluiditatea experienței și concentrarea pe date, fără a utiliza convențiile tradiționale ale interfeței cu utilizatorul de ferestre și cadre. Datele devin elementele vizuale și controale. Gesturile și tranzițiile simple ghidează utilizatorul mai adânc în conținut. O experiență cu adevărat elegantă și unică. — Isabelle Ancona, Consultant în experiența utilizatorului la IDEA [12]

Pe 25 august 2012, Peter Bright de la Ars  Technica a făcut o previzualizare a Windows 8, dedicând prima parte a revizuirii comparării ecranului de pornire a Windows 8 (construit cu Metro) cu versiunea sa anterioară în Windows 7 și anterioară. Trecând prin argumentele pro și contra, Peter Bright a concluzionat că ecranul Start, deși nu fără probleme, este un câștigător clar [13] .

Retragerea numelui de metrou

În august 2012, au început să circule zvonuri că unul dintre partenerii de retail ai Microsoft, compania germană Metro AG  , amenința cu acțiuni legale împotriva Microsoft pentru încălcarea mărcii „Metro” . Un memoriu a fost trimis dezvoltatorilor și angajaților Microsoft în care îi îndemna să nu mai folosească termenul „Metro” în legătură cu rezultatele negocierilor cu un „partener european important” [14] [15] . Microsoft numește temporar limbajul de design „Modern UI”.

Pe 9 august 2012, a fost dezvăluit că Microsoft intenționează să folosească termenul „Windows 8” pentru a înlocui „Metro” în materialele de consum, iar termenul „Modern UI” este destinat dezvoltatorilor care intenționează să construiască software pe baza noilor principii de design. [16] . Din septembrie 2012, documentația MSDN a folosit termenul „ limbaj de proiectare Microsoft   atunci când se referă la limbajul de proiectare [17] [18] [19] [20] . În plus, la conferința pentru dezvoltatori Microsoft Build 2012, compania folosește și numele „Microsoft Design Language” [21] [22] .

Pentru a face referire la aplicațiile create în stilul Metro pentru Windows 8, termenii „aplicație în stilul Windows 8” ( de exemplu, aplicația în stil Windows  8 ) și „aplicație a Magazinului Windows ” ( de exemplu,  aplicația Windows Store ) sunt folosit.

Vezi și

Note

  1. 1 2 Ghid de proiectare și interacțiune a interfeței de utilizare din seria Windows Phone 7  ( 18 martie 2010). Consultat la 9 octombrie 2010. Arhivat din original la 15 mai 2013.
  2. Metro Design Language al Windows Phone  7 . microsoft.com. Consultat la 5 octombrie 2012. Arhivat din original la 24 mai 2013.
  3. Răsfoiește Blackboard Home. Metrou - Tablă  . Businessinsider.com (25 aprilie 2011). Consultat la 3 noiembrie 2011. Arhivat din original la 24 mai 2013.
  4. Interfața de utilizare Windows Phone și  limbajul de proiectare . Consultat la 9 octombrie 2010. Arhivat din original pe 24 mai 2013.
  5. From Transportation to Pixels , blogul echipei Windows, 2011-02-16 , < http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/02/16/from-transportation-to-pixels.aspx > Arhivat copie datată 18 februarie 2011 la Wayback Machine 
  6. Metro Design Language al Windows Phone 7 |  Microsoft Design .caseta de instrumente . Microsoft.com. Consultat la 8 septembrie 2011. Arhivat din original pe 15 mai 2013.
  7. Ghid UX pentru aplicațiile din magazinul Windows . Preluat la 15 mai 2013. Arhivat din original la 30 noiembrie 2012.
  8. Long Zheng. „Zegoe”, noul font Zune.  (engleză) . istartedsomething.com (14 noiembrie 2007). Consultat la 15 octombrie 2012. Arhivat din original la 25 mai 2013.
  9. ↑ Topolsky , Joshua Zune HD recenzie  . Aol (17 septembrie 2009). Consultat la 19 februarie 2013. Arhivat din original pe 25 mai 2013.
  10. Recenzie Zune HD 64GB  . CNET . CBS Interactive (17 septembrie 2009). Consultat la 19 februarie 2013. Arhivat din original pe 25 mai 2013.
  11. Warren, Tom Windows Phone câștigă IDEA 2011 - People's Choice Design  Award . WinRumors (18 septembrie 2011). Consultat la 19 februarie 2013. Arhivat din original pe 28 mai 2013.
  12. Windows Phone  7 . Industrial Designers Society of America (8 iunie 2011). Consultat la 3 noiembrie 2011. Arhivat din original pe 28 mai 2013.
  13. Bright, Peter Windows 8 pe desktop — un  hibrid incomod . Ars Technica . Condé Nast Digital (25 aprilie 2012). Consultat la 19 februarie 2013. Arhivat din original pe 25 mai 2013.
  14. Microsoft este forțat să schimbe numele interfeței  (ing.) . BBC (3 august 2012). Consultat la 19 februarie 2013. Arhivat din original pe 9 martie 2013.
  15. Microsoft va arunca numele „Metro” pentru Windows  8 . Stirile BBC. Preluat la 26 mai 2013. Arhivat din original la 26 mai 2013.
  16. Microsoft redenumește oficial Metro UI în Modern  UI . Registrul (1 august 2012). Preluat la 26 mai 2013. Arhivat din original la 26 mai 2013.
  17. Creați aplicații excelente pentru Windows Store . MSDN. Preluat la 17 septembrie 2012. Arhivat din original la 26 mai 2013.
  18. Studiu de caz de proiectare:  aplicația iPad către Windows Store . MSDN. Consultat la 1 noiembrie 2012. Arhivat din original pe 26 mai 2013.
  19. Ghid pentru  tipografie . MSDN. Consultat la 1 noiembrie 2012. Arhivat din original pe 26 mai 2013.
  20. Foaie de parcurs pentru aplicațiile Windows Store care utilizează DirectX și C  ++ . MSDN. Consultat la 1 noiembrie 2012. Arhivat din original pe 26 mai 2013.
  21. Limbajul de proiectare Microsoft  . Canalul 9 (Microsoft). Consultat la 1 noiembrie 2012. Arhivat din original pe 26 mai 2013.
  22. Mary Jo Foley. Limbajul de design Microsoft: cel mai nou mod oficial de a face referire la „Metro  ” . Consultat la 1 noiembrie 2012. Arhivat din original pe 26 mai 2013.

Link -uri