Sari la conținut

Material Design

De la Wikipedia, enciclopedia liberă
Material Design
Dezvoltator Google
Initial release 25 iunie 2014; în urmă cu 11 ani
Lansări
Lansări stabile
Android 1.12.0[1] Edit this on Wikidata / 2 mai 2024; în urmă cu 17 luni
iOS (încheiat) 124.2.0[2] Edit this on Wikidata / 26 aprilie 2021; în urmă cu 4 ani
Web (încheiat) 14.0.0[3] Edit this on Wikidata / 28 aprilie 2022; în urmă cu 3 ani
Lansări de previzualizare
Repozitoriu
Scris în HTML, CSS, Sass (v4), JavaScript, AngularJS,
Angular, Java, Objective-C, Swift, Dart
Platformă Android, iOS, Web
Tip Limbaj de design
Licență
Site web Versiunea curentă

Versiuni arhivate

Material Design (nume de cod Quantum Paper)[4] este un limbaj de design dezvoltat de Google în 2014. Dezvoltând interfața „cards” care a debutat în Google Now, Material Design folosește mai multe machete bazate pe grilă, animații și tranziții responsive, padding și efecte de adâncime, cum ar fi iluminarea și umbrele. Google a anunțat versiunea inițială a Material Design pe 25 iunie 2014, la conferința Google I/O din 2014.[5]

Scopul dezvoltării Material Design a fost de a crea un limbaj vizual inovator, sintetizând principiile clasice ale unui design bun cu inovația și posibilitatea tehnologiei și științei. Designerul principal, Matías Duarte, a explicat că „spre deosebire de hârtia reală, materialul nostru digital se extinde și se reformează inteligent. Materialul are suprafețe și margini fizice. Cusăturile și umbrele oferă sens ceea ce poți atinge.” Material Design se bazează pe concepte de interacțiune hârtie-cerneală, precum și pe concepte de interacțiune scheumorfică, dar implementarea are loc într-un mod mai avansat.[6][7][8]

În 2018, Google a reproiectat limbajul de design intitulat Material You (Material Design 2), oferind designerilor mai multă flexibilitate în crearea de teme personalizate cu geometrii, culori și tipografii variate.[9]

În 2025 a fost dezvăluită următoarea evoluție a limbajului de design, intitulată „Material 3 Expressive”.[10]

Implementare

[modificare | modificare sursă]

Designul Material a fost extins treptat în întreaga gamă de produse web și mobile Google, oferind o experiență consistentă pe toate platformele și aplicațiile. De asemenea, Google a lansat interfețe de programare a aplicațiilor (API) pentru dezvoltatorii terți, astfel încât aceștia să poată încorpora limbajul de design în aplicațiile lor.[11][12][13]

Implementarea canonică open source a Material Design pentru interfețele utilizator ale aplicațiilor web se numește Material Web.[14]

Actualizări

[modificare | modificare sursă]
Stânga: Material Design 2 (2018)
Dreapta: Material Design 3 (2021)

Design Material 2

[modificare | modificare sursă]

După reînnoirea din 2018, Google a început să reproiecteze majoritatea aplicațiilor sale pe baza unui set actualizat de principii și instrucțiuni, denumit „Material Design 2”, care a apărut pe Android Pie.[15] Acesta a oferit un accent mai mare pe personalizarea componentelor de bază ale Material Design pentru a se adapta la branding-ul produselor în care sunt utilizate.[16] Instrucțiunile actualizate pun un accent suplimentar pe spațiile albe, colțurile rotunjite, pictogramele colorate și barele de navigare din partea de jos. Google a început să utilizeze o versiune specială optimizată pentru dimensiune a fontului lor proprietar Product Sans, numit Google Sans.[17]

Material Design 3 (Material You)

[modificare | modificare sursă]

La Google I/O din mai 2021, Google a anunțat un nou concept pentru Android 12, cunoscut sub numele de „Material You” (cunoscut și sub numele de „Material Design 3” ), care pune accent pe animații sporite, butoane mai mari și posibilitatea de a genera teme personalizate pentru interfața utilizatorului din imaginea de fundal a utilizatorului.[18] Material You a fost implementat treptat în diverse aplicații Google pe versiunile mai vechi de Android în lunile următoare și a reprezentat un punct central pentru seriile de smartphone-uri Pixel 6 și Pixel 6 Pro.[19][20][21]

Material 3 Expressive

[modificare | modificare sursă]

La The Android Show: I/O Ediția din mai 2025, Google a anunțat „Material 3 Expressive” pentru Android 16 și Wear OS 6. Această versiune de Material Design are asemănări cu predecesorul său, dar are animații sporite și este mai colorată și mai modernă.[22] A fost lansată treptat pe telefoanele Pixel (Pixel 6 și versiunile mai noi) și pe Pixel Tablet, începând cu septembrie 2025.[23]

Note

[modificare | modificare sursă]
  1. ^ "Release 1.12.0". 2 May 2024. Retrieved 23 May 2024.
  2. ^ "Release 124.2.0".
  3. ^ "Release 14.0.0".
  4. ^ „Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple”. Techcrunch. . Accesat în . 
  5. ^ „Material design”. PopArt Studio. Accesat în . 
  6. ^ „Google's new 'Material Design' UI coming to Android, Chrome OS and the web”. Engadget. . Accesat în . 
  7. ^ „Google's New, Improved Android Will Deliver A Unified Design Language”. Co.Design. . Accesat în . 
  8. ^ „Google Reveals Details About Android L at Google IO”. Anandtech. Arhivat din original la . Accesat în . 
  9. ^ „Material Design”. Material Design (în engleză). Accesat în . 
  10. ^ „Material Design”. Material Design (în engleză). Accesat în . 
  11. ^ Chris Smith (). „Google's Material Design is about to change the way we look at the worldwide web”. BGR. 
  12. ^ „We just played with Android's L Developer Preview”. Engadget. AOL. . Accesat în . 
  13. ^ „Google's next big Android redesign is coming in the fall”. The Verge. Vox Media. . Accesat în . 
  14. ^ „Web – Material Design 3”. Arhivat din original la . 
  15. ^ Hall, Stephen (). „What exactly is this so-called 'Material Design 2,' and what will it look like?”. 9to5Google (în engleză). Accesat în . 
  16. ^ „Material Design”. Material Design (în engleză). Accesat în . 
  17. ^ Hall, Stephen (). „Now we know: Google Sans is actually a size-optimized version of Product Sans”. 9to5Google (în engleză). Accesat în . 
  18. ^ Bohn, Dieter (). „Android 12 preview: first look at Google's radical new design”. The Verge (în engleză). Accesat în . 
  19. ^ Warren, Tom (). „Google's Material You design is coming to Gmail, Calendar, and Docs on Android”. The Verge. Accesat în . 
  20. ^ Li, Abner (). „Google Photos rolling out Material You redesign, but without Dynamic Color”. 9to5Google. Accesat în . 
  21. ^ „Google Contacts is already getting its Material You UI makeover”. Android Police. . Accesat în . 
  22. ^ „Android and Wear OS are getting a big refresh”. Google (în engleză). . Accesat în . 
  23. ^ Malik, Aisha (). „Google brings Material 3 Expressive to Pixel 6 and newer devices, along with other features”. TechCrunch (în engleză). Accesat în . 

Legături externe

[modificare | modificare sursă]
Adus de la https://ro.wikipedia.org/w/index.php?title=Material_Design&oldid=17211970