Proiectarea materialelor
Material Design (denumit în cod Quantum Paper ) [1] este un design dezvoltat de Google , anunțat la 25 iunie 2014 la Google I / O. Prin extinderea motivelor din „filele” deja utilizate pe Google Now , regulile de proiectare ale Material Design se concentrează pe o utilizare mai mare a aspectelor bazate pe rețele, animații și tranziții și efecte de adâncime, cum ar fi iluminarea și umbrele.
Designerul Matías Duarte a explicat că, „Spre deosebire de hârtia reală, materialul nostru digital se poate extinde și schimba în mod inteligent. Designul materialului are margini și o suprafață fizică. Suprapunerile și umbrele oferă informații despre ceea ce poate fi atins și cum se va mișca”, Google spune că noul limbaj de proiectare se bazează pe hârtie și cerneală. [2] [3] [4]
Material Design este acceptat în mod nativ începând cu Android 5.0, dar poate fi utilizat în versiunile anterioare prin biblioteca v7 appcompat disponibilă dezvoltatorilor. Designul materialelor va fi extins progresiv la întreaga gamă de produse Google, web și mobile, pentru a oferi o experiență consistentă pe toate platformele și aplicațiile. Google a lansat, de asemenea, Interfața de programare a aplicațiilor (API) pentru dezvoltatorii terți pentru a integra designul în aplicațiile lor. [5] [6] [7]
Începând din 2015, majoritatea aplicațiilor mobile Google pentru Android au aplicat noua limbă de design, inclusiv Gmail , YouTube , Google Drive , Google Docs , Google Maps , Inbox , toate aplicațiile Google Play și cu un browser Chrome și Google Keep minore. Acesta a fost, de asemenea, încorporat în interfețele web pentru desktop ale Google Drive, Google Docs, Google Sheets, Google Slides, Google Analytics, Google Developers și Inbox.
Implementarea canonică a Material Design pentru interfețele utilizatorilor aplicațiilor web se numește Polymer. [8] Aceasta este biblioteca Polymer, un shim care oferă componente API web pentru browserele care nu implementează în mod nativ acest standard și un catalog de elemente, inclusiv „colecția de elemente de hârtie” care conține elemente ale Material Design. [9]
Integrare
Cea mai populară implementare a Material Design este cea cu cadrul Bootstrap , un software gratuit pentru crearea de site-uri web și aplicații web adaptabile și adaptabile. Prin combinarea funcționalității Bootstrap cu estetica Designului materialelor, s-au născut instrumente care îndeplinesc standarde ridicate de proiectare. Exemple sunt MaterializeCSS și Material Design for Bootstrap , kituri de interfață cu utilizatorul care oferă o serie de șabloane de pagini intuitive și receptive, machete, componente și widget-uri pentru a crea rapid pagini web bazate pe șabloane de proiectare a materialelor. [10] [11]
Notă
- ^ Exclusiv: Quantum Paper și efortul viitoare al Google de a simplifica interfața de utilizare coerentă , pe Techcrunch . Adus la 11 iunie 2014 .
- ^ Noua interfață de utilizare „Material Design” Google, care vine pe Android, Chrome OS și web , pe Engadget . Adus la 26 iunie 2014 .
- ^ Noul Android îmbunătățit Google va oferi un limbaj de proiectare unificat , pe Co.Design . Adus la 26 iunie 2014 .
- ^ Google dezvăluie detalii despre Android L la Google IO , pe AnandTech . Adus la 26 iunie 2014 .
- ^ Chris Smith, Designul materialelor Google este pe cale să schimbe modul în care privim web-ul mondial , pe bgr.com , BGR, 30 iulie 2014.
- ^ Tocmai ne-am jucat cu Android Developer Preview , pe Engadget , AOL. Adus la 26 iunie 2014 .
- ^ Următoarea mare reproiectare Android a Google vine în toamnă , pe The Verge , Vox Media. Adus la 26 iunie 2014 .
- ^ Elemente de hârtie polimerică , pe polymer-project.org , Google (arhivat din original la 14 februarie 2015) .
- ^ Design material cu Polymer , pe polymer-project.org , Google (arhivat din original la 20 august 2014) .
- ^ (RO) Material Design pentru Bootstrap 5 și 4 , pe mdbootstrap.com. Adus la 30 martie 2021 .
- ^ (EN) MaterializeCSS , pe github.com. Adus la 30 martie 2021 .
Elemente conexe
Alte proiecte
-
Wikimedia Commons conține imagini sau alte fișiere despre Material Design
linkuri externe
- ( RO ) Site oficial , pe material.io .
- Design material (canal), pe YouTube .
- ( EN ) Material Design , pe GitHub .
- Depozit sursă Material Design , pe github.com ( arhivat 25 februarie 2021) .
- Depozit sursă Material Design , pe github.com ( arhivat 14 martie 2021) .
- Depozit sursă Material Design , pe github.com ( arhivat 28 noiembrie 2020) .
- Depozit sursă Material Design , pe github.com ( arhivat 19 septembrie 2020) .
