Share
Să vorbim despre ce este nou, ce sa schimbat și ce sa îmbunătățit în cel mai nou design de materiale Google.
Material Design este un limbaj de design vizual, dezvoltat pentru prima dată de Google în 2014. A crescut de la necesitatea de a avea mai multă coerență între produsele Google, cross-platform. În timp, a evoluat, a fost lansat ca sursă deschisă, iar ideile sale continuă să crească mulțumită unui număr mare de colaboratori.
material.ioLa începutul acestui an, la conferința de dezvoltare Google I / O din 2018, au anunțat o versiune actualizată a Material Design. Potrivit echipei din spatele ei, materialul este acum:
"Un sistem de design adaptabil - susținut de un cod open-source - care ajută echipele să construiască experiențe digitale de înaltă calitate"
Designul de materiale nu mai este doar un limbaj de design. Ea se transformă într-un set de instrumente menite să îmbunătățească fluxul de lucru pentru proiectare și dezvoltare. Să începem să privim la "Theming Material".
"Material Theme Editor" este un plugin pentru Sketch și vă oferă (presupunând că sunteți un utilizator Skecch și prin urmare un utilizator Mac OS) control complet asupra culorilor, tipografiei, componentelor și multe altele. Pentru ao descărca, accesați site-ul Material și atingeți butonul proeminent. Faceți dublu clic pe pachetul pentru a instala, apoi în Sketch puteți accesa prin intermediul Pluginuri> Material> Editor tematic deschis ...
Clic Creați o nouă temă în dialogul care apare, după care puteți alege dintr-o selecție de teme predefinite și puteți lovi Salvați.
Selectarea unei teme noiSalvarea durează un moment, deoarece Sketch creează în esență un document nou pentru dvs., populând-o cu materialele și componentele Materialului de Design, toate aranjate cu grijă în pagini, simboluri, stiluri și exemple.
Lista extinsă de simboluri, organizată perfectGaleria este o altă caracteristică nouă a materialului, care vă permite să împărtășiți și să colaborați pe modelele dvs. Aceasta este o platformă online pe care o puteți accesa vizitând https://gallery.io. Conectați-vă utilizând contul dvs. Google:
Pentru a adăuga proiecte în Galeria dvs., reveniți la Sketch și navigați la Pluginuri> Material> Încărcați în Galerie ... Vi se solicită să selectați un proiect sau să adăugați unul nou, același lucru este valabil și pentru colecția în care doriți să o adăugați. Asta e! Proiectul dvs. este acum disponibil pentru a permite accesul altor persoane. Colaboratorii pot lăsa comentarii și chiar pot inspecta elemente din desenele dvs., oferindu-le acces la dimensiuni și detalii fără a fi nevoie să se schițeze.
Utilizatorii vor primi, de asemenea, o referință la documentele pentru componenta pe care o inspectează - acum este utilă!
Instrumentul Culoare este oferirea Material Design pentru a vă ajuta să experimentați combinații de culori și palete într-un mediu intuitiv. Accesați https://material.io/tools/color/ pentru ao accesa.
Faceți clic pe interfața dvs. pentru a defini o culoare primară, o culoare secundară și detalii suplimentare, cum ar fi textul de pe culoarea dvs. primară și textul secundar. Previzualizările vă oferă actualizări în timp real pentru a vă arăta cum arată.
Există, de asemenea, o filă de accesibilitate care vă va avertiza de orice combinații de culori care nu respectă recomandările de lizibilitate recomandate.
Când sunteți mulțumit de combinația de culori, puteți exporta în Android, iOS sau pe web (sub forma unui CodePen):
Opțiunile pentru exportul opțiunilor pentru opțiunile de proiectare pentru materialeO listă completă a tuturor componentelor noi pe care Materialul le oferă este disponibilă pe site-ul web, dar aici sunt un cuplu pe care îl consider deosebit de interesant:
Acestea sunt utilizate pentru afișarea navigării și a acțiunilor cheie, în partea de jos a ecranelor mobile.
Backdrop-urile sunt pentru componente care apar în spatele altor suprafețe - utile pentru afișarea conținutului contextual.
Apoi avem bannere. Acestea sunt componente noi care afișează mesaje și acțiuni conexe.
Listele de imagini sunt, de asemenea, o nouă adăugare, deși au fost cunoscute anterior ca "liste de grilă" puțin mai versatile,.
În sfârșit, avem câmpuri de text. Nu este exact nou, ci un înlocuitor pentru generația anterioară și acum disponibil în ambele umplut și a subliniat arome.
Ei bine, acolo o avem; o scurtă trecere în revistă a ceea ce este nou în cea mai recentă versiune a materialului de design Google. Este greu de spus, dar mai sunt multe de învățat și de luat la bord, așa că du-te și aruncă o privire, scufundați adânc și spuneți-ne ce vă lovește cel mai mult despre ceea ce este nou.
Accentsconagua