În 2014, Google a anunțat lansarea Material design ". Scopul lor inițial a fost de a aborda problemele legate de proiectarea aplicațiilor pentru dispozitive Android. Argumentul a fost că „ Designul plat „Nu se afișează bine pe ecrane mici. Aceștia au considerat că designul îi lipsește indicii vizuale clare și împiedică utilizabilitatea utilizatorilor de telefonie mobilă.
Matías Duarte, vicepreședinte Google Design, a explicat:
„Spre deosebire de hârtia reală,„ Material Design ”poate crește și se poate adapta inteligent. Materialul oferă suprafețe fizice și plane, cu umbre care dau sens ceea ce poți atinge ”.
Și asta este practic designul hardware acum: un mod de a face ca elementele unei aplicații să pară atinse.
Prin lansarea noului limbaj și a liniilor directoare ale Material Design, Google speră să rezolve problemele UX (Experiență utilizator) și confuzie în rândul utilizatorilor de aplicații Android. Doi ani mai târziu, cadrul lor a depășit domeniul aplicațiilor mobile și este acum un principiu utilizat în mod regulat în proiectarea web.
În cele ce urmează, vă ofer câteva surse în care veți găsi Resurse pentru a integra Material Design pe dvs WordPress blog.
1 - Behance
Exemplul perfect de site pentru a învăța proiectarea aplicațiilor cu ajutorul „ Material design ". Behance are nenumărate sfaturi și exemple pe care le puteți folosi ca inspirație. De asemenea, Behance folosește „ Material design Pe propriul site, cu cutii care atârnă subtil din grilă, umbre din mijloc pentru atenție și marcaje clare pentru acțiuni care pot fi făcute clic.
2 - CodePen
Descarca
CodePen, „terenul de joacă pentru dezvoltatori” auto-atribuit, este o mină de aur a dezvoltatorului atunci când vine vorba de „ Material design “. Nu numai că veți avea câteva exemple foarte frumoase și puteți vedea CSS, HTML și JavaScript pe care dezvoltatorii le folosesc pentru a construi diverse site-uri web.
3 - Dribbble
Dacă nu sunteți familiarizați cu acesta din urmă, Dribble este o rețea socială pentru designeri, dezvoltatori, artiști și alții interesați de „ Amenajări “. O căutare pentru " Material design În cadrul site-ului lor vă vor arăta doar cum este tehnologia Material design Este omniprezent. Aici veți găsi inspirație pentru ceva la fel de simplu ca o pictogramă pentru a proiecta un site web complet.
4 - Premiile de proiectare a materialelor de la Google Design
La un an după ce Google a lansat Material Design, au onorat șase dintre cele mai bune aplicații folosind Framework în „Premiile pentru designul materialelor “. Veți recunoaște un număr mare de site-uri din această listă de onoare. Dacă doriți să vedeți potențialul Material design ”, Vă încurajăm să aruncați o privire la această listă. Dacă Google își face timp să eticheteze o sursă, atunci merită ocolit.
5 - Fabricat din material
Datând din noiembrie 2014, acest site oferă o mare sursă de inspirație pentru „ Material design ". Majoritatea site-ului prezintă capturi de ecran de înaltă rezoluție ale site-urilor web și ale aplicațiilor mobile care utilizează „ Material design ". Și, deși poate fi ușor să vă pierdeți în aceste exemple inspiratoare, nu uitați să consultați documentația pe care au inclus-o pentru dezvoltatori în bara laterală din dreapta sus. Această documentație va fi utilă dacă doriți să dezvoltați cu „ Material design ".
6 - Blog de proiectare a materialelor
Acest blog se întâmplă să fie unul dintre preferatele noastre, nu numai pentru că acoperă o serie întreagă de instrumente și subiecte de care ați putea fi interesat atunci când vine vorba de acest subiect, ci și pentru că face o treabă minunată care vă arată tehnici de proiectare cu „Material Design”. Dacă nu ați avut ocazia să vedeți animațiile lor în acțiune, vizitați site-ul și faceți clic pe una dintre postările lor de pe blog.
7 - MaterialUp
O parte din familia de site-uri Uplabs MaterialUp se referă la designul materialelor: exemple de site-uri web, capturi de ecran pentru aplicații mobile, instrumente, sfaturi și multe altele. Chiar dacă nu găsiți nimic util în acest moment, aruncați o privire la designul site-ului lor. Aspectul și aspectul amintesc de Google Drive, nu? Dacă sunteți în căutarea unui resursă poți avea încredere, poți apela la acest site?
8 - Pinterest
Dacă vreodată un site ar fi numit principala sursă de inspirație pentru „designeri”, Pinterest va împărtăși această onoare lui Behance. Cu o căutare rapidă a termenului „Material design Aveți acces instantaneu la videoclipuri și imagini de pe site-uri și aplicații care utilizează acest cadru.
Asta e pentru această listă de Resurse pentru " Material design “. Simțiți-vă liber să-l împărtășiți cu prietenii dvs. pe rețelele de socializare preferate.
