Implementări frumoase ale designului materialelor în aplicațiile mobile

Mulți oameni caută în aceste zile implementări frumoase ale Material Design în aplicațiile mobile pentru inspirație.

Da, Material design a venit și a schimbat istoria designului și în ultimii doi ani a fost destul de popular în designul de aplicații mobile și există un număr mare de implementări frumoase ale Material Design în aplicațiile mobile.

Dar înainte de asta, să înțelegem ce este Material Design și de ce a devenit cel mai popular și de succes limbaj de design.

Ce este designul materialului?

Material Design este un limbaj de design dezvoltat în 2014 de Google. Extinderea motivelor „carte” care au debutat în Google Now, Material Design folosește mai liberal machetele bazate pe grile, animațiile și tranzițiile receptive, umplutura și efectele de adâncime, cum ar fi luminile și umbrele.

Începând cu 2015, majoritatea aplicațiilor mobile Google pentru Android au aplicat noul limbaj de design, inclusiv Gmail, YouTube, Google Drive, Google Docs, Sheets and Slides, Google Maps, Inbox.

Toate aplicațiile marca Google Play și, într-o măsură mai mică, browserul Chrome și Google Keep. Interfețele web desktop ale Google Drive, Docs, Sheets, Slides și Inbox l-au încorporat, de asemenea.

Implementarea canonică a Material Designului pentru interfețele utilizatorului aplicațiilor web se numește Polymer.

Este alcătuit din biblioteca Polymer, un shim care oferă un API de componente web pentru browserele care nu implementează standardul în mod nativ și un catalog de elemente, inclusiv „colecția de elemente de hârtie” care conține elemente vizuale ale designului material.

Sistemul, care se concentrează pe aspecte bazate pe grilă, efecte de tranziție și adâncime, și-a făcut loc curând în aplicațiile Android și a adus sistemul la standardul de design al iOS.

Principiile designului materialului

Indici vizuale inspirate

Google folosește termenul „realitate tactilă” pentru a descrie filozofia lor de proiectare, deoarece suprafețele și marginile din designul materialului sunt inspirate din studiile reale pe hârtie și cerneală.

Acest lucru îi ajută pe utilizatori să înțeleagă vizual interfața digitală de pe ecran fără nicio dificultate. Designul care se bazează pe realitate face obiectele de pe ecran să fie recunoscute și ușor de interacționat.

Estetică îndrăzneață

Alegerile de culoare în designul materialului sunt îndrăznețe și deliberate. Schemele de culori atrăgătoare funcționează cu tehnici de bază de proiectare bazate pe imprimare pentru a cufunda utilizatorul în experiență.

Spațiile albe intenționate, imaginile de la margine la margine și tipografia mare sunt folosite pentru a pune accent pe acțiunile utilizatorului. În acest fel, utilizatorul înțelege rapid scopul și funcționalitatea interfeței de pe ecranul său.

Postare conexă: Cele mai frecvente erori în proiectarea aplicațiilor mobile

Înțeles făcut prin mișcare

În loc de animații care sunt artificiale și mecanice, mișcarea în designul materialului pare fluidă și naturală. Google recomandă să faceți acest lucru în câteva moduri diferite:

• Accelerație și decelerare naturală: pentru a evita mișcarea nenaturală, elementele de pe o pagină ar trebui să accelereze și să decelereze ușor. Pornirile bruște, opririle și schimbările de direcție sunt șocante și distrag atenția utilizatorului.
• Continuitate vizuală: o tranziție între două stări vizuale ar trebui să fie lină și fără efort, astfel încât utilizatorul să nu fie deturnat. Prea multe clopote și fluiere pe măsură ce un site web sau o aplicație se mută de la o pagină la alta sunt inutile.
• Timpul ierarhic: elementele care conțin cel mai important conținut ar trebui subliniate, fiind plasate pe calea cea mai ușoară de urmat de ochi. Cu alte cuvinte, este important să atragi atenția asupra elementelor importante.
• Coregrafie consistentă: elementele animate nu ar trebui să treacă la întâmplare, deoarece asta poate distrage atenția. În schimb, ar trebui să călătorească pe căi ordonate care au sens.

Material Design nu creează doar ordine, ci creează ordine cu scop și sens. Este o expresie senzorială a mărcii Google.

Dacă găsește achiziție, ar putea fi prima amenințare serioasă la adresa aparentului monopol al Apple asupra experienței sublime a utilizatorului. Ca adept iPhone, trebuie să mărturisesc că, pentru prima dată, am început să arunc priviri piese în drumul lui Android.

Specificul care stăpânește mintea a designului material este un răspuns la două fapte:

• Dacă este posibil ca un dezvoltator să strice o interfață de utilizare, o va face.
• Alternativa la un design bun nu este nici un design, este un design prost.

Acum, iată câteva dintre cele mai frumoase implementări ale Material Design în aplicațiile mobile.

Cine poate implementa Material Design mai bine decât cei care l-au creat. Google Calendar este una dintre cele mai frumoase implementări ale Material Design în aplicațiile mobile. Cu peste 1.000.000 de descărcări, cu siguranță emotionează petrecerea.

Google Calendar

Pentru început, aplicația Google a eliminat în cele din urmă designul skeuomorf convențional pe care îl folosesc majoritatea aplicațiilor de calendar, care imită aspectul unui planificator fizic.

Nu mai există nicio restricție prin necesitatea de a ne nota programul pe hârtie. Calendarul Google vă oferă un aspect vertical și plasează ziua curentă în partea de sus a paginii.

În acest fel, vezi doar zilele și evenimentele următoare. Zilele în care nu se întâmplă nimic sunt condensate și acest lucru simplifică și mai mult experiența pentru a vă arăta doar ceea ce este de fapt util.

Această singură modificare a interfeței permite simultan utilizatorului să rămână în centrul experienței, astfel încât interfața de utilizare să se miște în jurul lor. Introduceți niște defilare cu paralaxă și aveți o aplicație cu aspect foarte grozav care se combină.

Evernote

Evernote este adesea lăudat pentru abordarea designului materialului și este un exemplu captivant al implementărilor frumoase ale Material Design în aplicațiile mobile.

Aplicația are o schemă de culori puternică și consistentă și este la fel de bine concepută, pe atât de funcțională. Pictogramele indică clar și eficient dacă este o notă text, o notă scrisă de mână sau o fotografie pe care o veți face.

Pictograma Elephant este simplă și elegantă, în timp ce site-ul web, aplicațiile iOS și Windows 10 sunt, de asemenea, la fel de atent proiectate și amenajate.

Microsoft Health

Microsoft Health este de fapt unul dintre cele mai bune exemple de pe Play Store.

Aplicația este concepută să funcționeze cu trackerul de fitness Band și vă arată toate statisticile într-un aspect vertical simplu, împreună cu pictograme albe. Când faceți clic pe unul dintre aceste titluri, panoul se va „deschide” pentru a vă dezvălui statisticile.

Interfața de utilizare este excelentă pentru a vă permite să obțineți o privire de ansamblu dintr-o privire, în timp ce aveți opțiunea de a aprofunda dacă este necesar, ceea ce este un semn distinctiv al designului bun al aplicației.

Fabulos: Motivează-mă

Mulți oameni cred că Fabulous: Motivate Me este cea mai precisă și profund gândită implementare a designului material în aplicațiile mobile.

Aplicația explorează noi principii de design al materialelor în toate modurile normale, cu imaginile sale clare, plate și culorile îndrăznețe, dar are și unele dintre cele mai atractive animații din Play Store.

Lista nu ar fi completă fără aplicația mobilă Facebook Live.

Aplicația este un exemplu foarte minim, dar eficient de Material Design. Utilizează umbrirea într-un mod care nu este de obicei văzut; prin utilizarea umbrelor deschise în loc de întuneric pentru a oferi profunzime.

Face uz interesant de iconografie, animație și design de interacțiune - aspecte cheie ale Materialului.