UI modernă

De la Wikipedia, enciclopedia liberă.
Salt la navigare Salt la căutare
Limbajul de design modern, așa cum se arată în hub-ul „Muzică + Video” din sistemul de operare Windows Phone , încorporează utilizarea elementelor tipografice, un aspect panoramic orizontal și miniaturi mari ale conținutului accesat.

Limbajul de proiectare Microsoft , cunoscut și sub numele de UI modern și identificat anterior cu numele de cod intern Metro [1] [2] [3] , este un limbaj de proiectare tipografic, creat inițial de Microsoft pentru Windows Phone [2] . Este stilul UI al Windows Phone 7 , Windows Phone 8 , Windows Phone 8.1 , Windows 8 , Windows 8.1 , Windows RT și într-o oarecare măsură Windows 10 .

Principii

Conceptele cheie ale limbajului de proiectare Microsoft.

Limbajul de proiectare Microsoft se bazează pe un set de principii [4] care se bazează pe stilul tipografic internațional . [5] Potrivit Microsoft, limbajul de proiectare Microsoft este conceput pentru a fi „elegant, rapid, modern” și intenționează să refacă interfețele tradiționale Windows , Android și iOS bazate pe pictograme .

Limbajul de proiectare Microsoft a fost conceput special pentru a reuni grupuri de operațiuni comune pentru o utilizare mai rapidă. Acest lucru se realizează prin excluderea graficelor inutile și, în schimb, concentrarea asupra conținutului real, care, la rândul său, servește ca interfață principală a utilizatorului. Interfețele rezultate favorizează hub-uri mari mai degrabă decât butoane mici și oferă adesea zone mari de derulare laterală.

Animațiile joacă un rol important: tranzițiile și interacțiunile utilizatorilor, cum ar fi glisări sau glisări, tind să ia o anumită formă de animație sau mișcare naturală. Acest lucru este destinat să ofere utilizatorului impresia că interfața cu utilizatorul este „vie” și receptivă, cu „un sentiment de profunzime adăugat”.

Tipografie

Limbajul de proiectare Microsoft se concentrează pe utilizarea tipografiei ușor de citit. Textul are de obicei fonturi mari care atrag atenția, iar titlurile mari sunt capabile să profite de derularea laterală a paginilor.

Interfețele lingvistice de proiectare Microsoft utilizează fonturi din familia Segoe, proiectate de Steve Matteson la Agfa Monotype și licențiate către Microsoft. [6] Microsoft a creat versiuni personalizate, de exemplu Segoe UI pentru Zune [7] și familia Segoe WP pentru Windows Phone , care au unele ușoare diferențe.

Istorie

Precursori

Encarta 95 și limbajul de proiectare Microsoft împărtășesc faptul că ambele au un aspect orientat către designul tipărit. [5]

Deja în Whistler a existat o temă, acuarela (sau acuarela), care avea multe aspecte în comun cu actualul design Microsoft, din care poate, de asemenea, se inspiră.

Windows XP Media Center Edition , [8] lansat la 16 iulie 2002 , [9] și mai târziu Portable Media Center , [10] versiunea sa portabilă lansată în a doua jumătate a anului 2004 , [11] avea o interfață concepută pentru utilizare multimedia în care textul a fost privilegiat ca formă principală de navigare. [12]

La sfârșitul anului 2007 , a doua generație a Zune a introdus unele inovații: [13] interfața a fost în mare parte reproiectată, cu un accent mai mare pe curățenia tipografică în detrimentul elementelor de contur ale interfeței grafice. [14]

Definiția limbajului de proiectare

Limbajul de proiectare Microsoft s-ar putea să fi fost, de asemenea, inspirat parțial de consiliile sistemului de transport Metro King County din King County [ neclar ], care servește în Seattle local, unde se află sediul Microsoft.

Echipa care a proiectat noul stil Microsoft, denumit în cod „Metro” la începutul anului 2009 , s-a inspirat din semnalizarea aeroportului și a sistemului de transport public. [15]

Plăcile plate, colorate și live au apărut prima dată pe Windows Phone la sfârșitul anului 2010. [16]

La începutul lunii iunie 2011, în paralel în California la Conferința D9 [17] [18] și la Taipei la Computex Taipei 2011, [19] Microsoft a dezvăluit că Windows 8 va avea o nouă interfață cu utilizatorul în noul stil.

Alte produse și servicii, cum ar fi Xbox 360 [20] și Windows Live, au implementat, de asemenea, o interfață în limba de proiectare Microsoft, în special Outlook.com [21] și SkyDrive.com [22] (denumită ulterior OneDrive).

Schimbarea numelui

Din cauza potențialelor probleme de branding , probabil cu compania germană Metro AG , la începutul lunii august 2012 , compania americană a sfătuit împotriva dezvoltatorilor să folosească încă termenul „Metro” [23], deoarece un purtător de cuvânt al Microsoft a spus că a fost folosit doar ca nume de cod pentru noul platforma de aplicații. [24]

Angajaților Microsoft li s-a recomandat inițial să se refere la interfață drept „UI în stil Windows 8” [25], iar mai târziu unii au observat că Microsoft a început să înlocuiască unele apariții de „stil Metro” în documentele sale publice cu „stil UI modern” ". [26] [27] Cu toate acestea, Visual Studio 2012, compilat în versiunea RTM la începutul lunii august 2012 [28] și făcut public la 15 august 2012, părea să se refere la fostele „aplicații în stil Metro” sub noul nume „aplicație” Magazin Windows ". [29] Noul nume a fost confirmat pe 12 septembrie 2012 de Soma Somasegar, un executiv Microsoft, la evenimentul de lansare Visual Studio 2012. [30]

În octombrie, Microsoft a confirmat că numele oficial va fi Microsoft Design Language [31] [32] .

Reacții

Reacțiile la limbajul de proiectare Microsoft au fost în general pozitive. [ fără sursă ]

Într-o recenzie Zune HD , Joshua Topolsky al lui Engadget a declarat:

( EN )

"Microsoft își continuă forța către tipografii mari și mari aici, oferind un aspect sofisticat, bine conceput, aproape la fel de funcțional pe cât de atractiv."

( IT )

„Microsoft își continuă dorința de tipografie excelentă aici, oferind un aspect sofisticat, proiectat curat, care este aproape la fel de funcțional pe cât de atractiv.”

( Joshua Topolsky, 17 septembrie 2009 [33] )

Donald Bell de la CNET News a felicitat limbajul de proiectare Microsoft:

( EN )

„[…] Este puțin mai îndrăzneț și mai informal decât grilele de pictograme strânse și sterile și meniurile Rolodex de pe iPhone și iPod touch.”

( IT )

„[…] Este puțin mai îndrăzneț și mai informal decât meniurile înguste și sterile de tip Rolodex și grilele de pictograme de pe iPhone și iPod touch .”

( Donald Bell, 18 septembrie 2009 [34] )

Societatea de Designeri Industriali din America (IDSA) a acordat Windows Phone primul premiu pentru „People's Choice Design” și premiul pentru „Cel mai bun spectacol”. [35] Isabel Ancona, în calitate de consultant pentru experiență utilizator la IDSA, a explicat de ce Windows Phone a câștigat acest premiu și a explicat experiența utilizatorului în interfețe în limbajul de proiectare Microsoft:

( EN )

„Inovația de aici este fluiditatea experienței și concentrarea asupra datelor, fără a utiliza convențiile tradiționale ale interfeței de utilizator pentru ferestre și cadre. Datele devin elemente vizuale și controale. Gesturile și tranzițiile simple ghidează utilizatorul mai adânc în conținut. O experiență cu adevărat elegantă și unică. "

( IT )

„Inovația aici este fluiditatea experienței și concentrarea asupra datelor, fără a utiliza convențiile tradiționale de fereastră și panou din interfața cu utilizatorul. Datele devin elemente de control și vizuale. Gesturile și tranzițiile simple ghidează utilizatorul mai adânc în conținut. O experiență cu adevărat unică și elegantă. "

( Isabel Ancona, 8 iunie 2011 [36] )

Notă

  1. ^ Este „Metro” acum un cuvânt interzis la Microsoft? | ZDNet , pe ZDNet . Adus pe 14 septembrie 2015 .
  2. ^ a b Microsoft folosește acum „Modern UI Style” pentru a se referi la aplicațiile Windows 8 „Metro Style” , pe The Verge . Adus pe 14 septembrie 2015 .
  3. ^ Microsoft nu are nevoie de un nume pentru interfața sa de utilizator , la wired.com . Adus pe 14 septembrie 2015 .
  4. ^ (EN) Modern UI Design Language of Windows Phone 7 on microsoft.com, Microsoft Design .toolbox (depus de 'url original 12 martie 2012).
  5. ^ A b (EN) Mike Kruzeniski, How Print Design Is the Future of Interaction , pe kruzeniski.com. Adus la 11 martie 2012 (arhivat din original la 11 martie 2012) .
  6. ^ (EN) Microsoft Fonts - Microsoft Corporate Fonts , pe ascendercorp.com, Ascender Corporation. Adus la 12 martie 2012 (arhivat din original la 17 iulie 2010) .
  7. ^ (RO) Long Zheng, „Zegoe”, noile fonturi Zune. , pe istartedsomething.com , istartedsomething, 14 noiembrie 2007. Accesat la 15 octombrie 2012 ( arhivat la 15 octombrie 2012) .
  8. ^ (RO) Paul Thurrott, Windows XP Media Center Edition revizuit , pe winsupersite.com, SuperSite pentru Windows, 9 octombrie 2002. Accesat la 5 august 2012 (depus de „url original 5 august 2012).
  9. ^ (EN) Microsoft lansează Windows XP Media Center Edition, denumită anterior "Freestyle" pe microsoft.com, Microsoft News Center, 16 iulie 2002. Adus pe 5 august 2012.
  10. ^ (RO) Paul Thurrott, Portable Media Center Review , pe winsupersite.com, SuperSite pentru Windows, 2 septembrie 2004. Adus pe 5 august 2012 (depus de„Original url 5 august 2012).
  11. ^ (EN) Companiile de divertisment digital anunță asistență pentru centrele media portabile la CES 2004 , pe microsoft.com, Microsoft News Center, 7 ianuarie 2004. Adus pe 5 august 2012 ( depus la 5 august 2012).
  12. ^ (RO) Jason Lefevers, A Walkthrough the History of the Metro UI on windowsphonemetro.com, Windows Phone Metro, 11 iulie 2011. Accesat la 10 aprilie 2013 (depus de „Url-ul original 10 aprilie 2013).
  13. ^ Comparație între prima și a doua generație a Zune . Adus la 3 martie 2014 (arhivat din original la 5 august 2012). Imaginea a fost preluată de la: (EN) Thomas Ricker, actualizarea Zune 2.0 este pregătită pentru prima dvs. generație Zune pe engadget.com, Engadget, 13 noiembrie 2007. Adus pe 3 martie 2014 ( depus la 17 martie 2008).
  14. ^ (EN) Paul Thurrott, Zune 2 Review, Part 3: Zune 4/8 , on winsupersite.com, SuperSite for Windows, 17 noiembrie 2007. Accesat la 6 august 2012 (depus de „url original 5 august 2012).
  15. ^ (RO) Nick Wingfield, The Critics Rave ... pentru Microsoft? , la nytimes.com , NYTimes.com , 7 ianuarie 2012. Accesat la 5 august 2012 ( arhivat la 5 august 2012) .
  16. ^ (EN) Scene din lansarea Windows Phone 7 în Europa, Australia și Noua Zeelandă , pe microsoft.com, Microsoft News Center, 21 octombrie 2010. Accesat la 6 august 2012.
  17. ^ (RO) Julie Larson-Green, Previzualizarea „Windows 8” , pe microsoft.com , Microsoft News Center, 1 iunie 2011. Accesat la 16 februarie 2012 (arhivat din original la 7 martie 2012) .
  18. ^ (EN) Erica Ogg, Sinofsky prezintă Windows 8 la D9 , de news.cnet.com, CNET News, 1 iunie 2011. Accesat la 13 februarie 2012 ( depus la 13 februarie 2012).
  19. ^ (EN) Microsoft Previews „Windows 8” pe microsoft.com, Microsoft News Center, 2 iunie 2011. Accesat la 16 februarie 2012.
  20. ^ (RO) Jay Greene, Noua actualizare Xbox AIMS pentru a pune Microsoft în centrul vizionării TV pe news.cnet.com, CNET News, 4 decembrie 2011. Adus la 6 august 2012 ( depus la 5 august 2012).
  21. ^ (EN) Chris Jones, Introducing Outlook.com - Modern Email for the Next Billion Mailboxes on blogs.office.com, Outlook Blog, 31 iulie 2012. Adus la 18 august 2012 ( depus la 18 august 2012).
  22. ^ (RO) Omar Shahine, Mike Torres, Un nou SkyDrive.com modern, aplicații actualizate și Outlook.com la 10 milioane de utilizatori , de windowsteamblog.com, Inside SkyDrive, 14 august 2012. Accesat la 18 august 2012 ( depus pe 18 august 2012) .
  23. ^ (RO) Tom Warren, Microsoft îi sfătuiește pe dezvoltatori să nu mai folosească numele „Metro” în disputele privind mărcile comerciale În urma aplicațiilor posibile pe theverge.com, The Verge, 2 august 2012. Accesat pe 3 august 2012.
  24. ^ (RO) Mary Jo Foley, „Metro” este acum un cuvânt interzis la Microsoft? , la zdnet.com , ZDNet, 2 august 2012. Adus 3 august 2012 ( arhivat 3 august 2012) .
  25. ^ (EN) Tom Warren, Exclusiv: marca Microsoft Metro va fi înlocuită „în această săptămână”, în conformitate cu nota internă funcțională de pe theverge.com, The Verge, 2 august 2012. Accesat la 3 august 2012 ( depus la 3 august 2012).
  26. ^ (EN) Tom Warren, Microsoft utilizează acum „UI Style Modern UI” pentru a se referi la aplicațiile Windows 8 „Metro Style” de pe theverge.com, The Verge, 10 august 2012. Adus pe 12 august 2012 ( depus la 12 august, 2012) .
  27. ^ (EN) Shunal Doke, Microsoft redenumește Windows 8 UI în Modern UI pe tech2.in.com. Accesat la 14 august 2012 (depus de „url original 14 august 2012).
  28. ^ (RO) Charles, Visual Studio 2012 RTM !! , pe c-sharpcorner.com , Canal 9, 3 august 2012. Accesat la 13 septembrie 2012 (arhivat din original la 13 septembrie 2012) .
  29. ^ (EN) Mahesh Chand, aplicația Metro Style redenumită ca Windows App Store pe c-sharpcorner.com, C # Corner, 17 august 2012. Accesat la 13 septembrie 2012 (depus de „url original 13 septembrie 2012).
  30. ^ (EN) Mary Jo Foley, Microsoft vine în cele din urmă curat (er) pe planurile de denumire post-Metro pe zdnet.com, ZDNet, 12 septembrie 2012. Accesat la 13 septembrie 2012 ( depus la 13 septembrie 2012).
  31. ^ (EN) Microsoft Design Style - The new new name on infragistics.com, Infragistics.com Blog, 16 octombrie 2012. Accesat pe 29 octombrie 2012 (depus de „Original url 29 octombrie 2012).
  32. ^ (RO) Mary Jo Foley, Microsoft Design Language: Cel mai nou mod oficial de a se referi la „Metro” , la zdnet.com , ZDNet, 29 octombrie 2012. Adus 29 octombrie 2012 ( arhivat 29 octombrie 2012) .
  33. ^ (EN) Joshua Topolsky, Zune HD review on engadget.com, Engadget, 17 septembrie 2009. Accesat la 12 martie 2012 ( depus la 2 octombrie 2009).
  34. ^ (RO) Zune HD 64GB Review on reviews.cnet.com, CNET News, 18 septembrie 2009. Accesat la 12 martie 2012 ( depus la 26 mai 2010).
  35. ^ (RO) Tom Warren, Windows Phone câștigă IDEA 2011 - premiul pentru alegerea oamenilor de design pe winrumors.com, WinRumors, 18 septembrie 2011. Accesat pe 12 martie 2012 (depus de „Adresa URL originală pe 12 martie 2012).
  36. ^ (EN) rachelw, Windows Phone 7 , pe idsa.org, IDSA, 8 iunie 2011. Accesat la 12 martie 2012 ( depus la 5 august 2011).

Elemente conexe

Alte proiecte

linkuri externe

Microsoft Portal Microsoft : Accesați intrările Wikipedia despre Microsoft