EN - FR - DE - ES - IT - PT -

LexiconDream

🧱 Design de materiale

Un limbaj de design care folosește profunzime, mișcare și machete bazate pe grilă.

Design de materiale

Material Design este un limbaj de design dezvoltat de Google. A debutat în 2014 ca un sistem unificat pentru Android și produsele web Google. Sistemul folosește profunzime, mișcare și machete bazate pe grilă. Suprafețele și marginile oferă indicii vizuale. Umbrele indică elevația. Elementele proiectează umbre pentru a arăta relația lor cu suprafața de sub ele. Designul imită materialele fizice, de unde și numele. Dar nu este scheumorfism. Nu imită pielea sau lemnul. Abstrage proprietățile hârtiei și cernelii într-un sistem digital.

Material Design oferă îndrumări pentru aspect, culoare, tipografie, iconografie și mișcare. Grila se bazează pe un sistem de spațiere de 8 dp. Componentele au stări definite: implicită, suprapunere, focalizare, apăsat și dezactivat. Mișcarea este intenționată. Animațiile arată de unde provin elementele și unde merg. Acestea ghidează atenția și oferă feedback. Sistemul a evoluat. Material Design 2 a rafinat componentele. Material Design 3 a introdus culoarea dinamică, care generează palete din imaginea de fundal a utilizatorului. Sistemul este deschis. Dezvoltatorii și designerii îl pot utiliza gratuit. A fost adoptat dincolo de produsele Google. Multe aplicații folosesc componente Material deoarece sunt familiare și bine testate. Sistemul nu este perfect. Criticii spun că arată generic. Fiecare aplicație care îl urmează arată ca orice altă aplicație. Compromisul este consecvența. Material Design oferă echipelor un limbaj comun. Pot construi mai repede deoarece deciziile sunt deja luate.

Principii de design al materialelor

Material Design este un sistem. Acesta facilitează luarea deciziilor de design prin furnizarea de valori implicite. Valorile implicite pot fi respectate sau ignorate. Sistemul este un punct de plecare, nu o cămașă de forță.


Warning: session_start(): Cannot start session when headers already sent in /var/www/lexicondream.com/inc/functions.php on line 63

Comments

No comments yet. Be the first to share a thought.

Leave a comment