Aflați mai multe despre Bootstrap și Material Design
Bootstrap
în 2011, un grup de ingineri Twitter a decis să creeze Bootstrap ca o soluție internă pentru problemele lor de programare. Din punct de vedere tehnic, planul lor era să creeze un instrument fără o anumită structură de cod.
fiecare coder poate avea propriul mod de a-și crea operele de artă. Acest lucru duce de obicei la unele incertitudini atunci când un alt programator, să zicem un începător, încearcă să citească codul. Din această cauză, Mark Otto și Jacob Thorton de la Twitter au proiectat Bootstrap-o modalitate de a convinge programatorii să-și unifice tiparele de scriere a codului și să evite crearea de diferențe în acest proces. Beneficiile pe care Bootstrap le-a adus muncii lor zilnice au fost pur și simplu neprețuite.
când băieții de pe Twitter și-au dat seama de adevăratul său potențial, au decis să-l lanseze ca un proiect open-source. Cu ajutorul Github și a mii de alți programatori, a durat doar câteva luni pentru a marca Bootstrap drept cel mai popular instrument de dezvoltare front-end pentru crearea de proiecte web receptive și mobile.
deci, ce este exact Bootstrap?
Imaginați-vă că este un set de instrumente care conține o serie de funcții și elemente utile care ar putea fi utile în procesul de creare a site-ului dvs. web.
te face să poți alege orice instrument Îți place, plus că poți fi sigur că niciunul dintre aceste elemente nu se va ciocni între ele. Este ca montarea pieselor de puzzle împreună, dar în acest caz, fiecare puzzle se potrivește cu altul.
instrumentele pe care le-ați imaginat în caseta noastră de instrumente Bootstrap sunt HTML, CSS și JS toate combinate. Material Design pentru Bootstrap este cel mai bun exemplu al modului în care Bootstrap este în continuă dezvoltare și cât de mult îl puteți adăuga cu ajutorul modelelor de design și funcționalitate de la Google Material Design.
Material Design
Material Design este un limbaj de design, provenit de la Google, care este utilizat intens în proiecte de interfață pentru sistemul Android. Puteți întreba de ce este folosit. Răspunsul este simplu – este deja un instrument matur și organizat care corespunde utilizabilității și lizibilității. Mai mult, se dezvoltă și se schimbă dinamic. Rezultatul este un instrument care poate fi o potrivire perfectă pentru ecrane, precum și punctul de plecare pentru persoanele fără experiență în proiectarea UI/UX.
baza MD este deja bine stabilită de designerii site-ului web și UI/UX care au lucrat la el de mult timp. Ceea ce îl deosebește de alte instrumente este faptul că îl puteți folosi în orice tip de proiect la care lucrați în prezent, deoarece este ușor să găsiți practici recomandate în fiecare set de proiecte. Convențiile pun accentul pe:
materiale ca metaforă – în acest context, este o metaforă a spațiului pentru foaie și cerneală. Lucrurile reale care sunt utilizate în acest instrument sunt lumina și spațiul, susținute de atribute spațiale unice care se disting în domeniul formelor digitale. Caracteristicile MD sunt umbrele care sunt răspândite. Acesta reflectă comportamentul de lucruri reale care există în realitate
sensul — Un stimulent de MD este design de imprimare, care reflectă într-o grilă foarte bine conceput, importanța tipografie și culori.
mișcarea & animație-MD nu numai că acceptă o formă statică de design de imprimare, dar include, de asemenea, mass-media digitale, bazate pe legile fizicii. Ne oferă posibilitatea de a reconcilia utilitatea cu estetica, ceea ce este foarte important în zilele noastre.
una dintre cele mai importante metafore din MD este un material care își are poziția în spațiu pe axa Z, astfel încât putem spune dacă este mai aproape sau mai departe de un utilizator. Metafora se referă la așa-numita valoare de elevație. Ceea ce este interesant, este faptul că această valoare simulează poziții mai mari și mai mici în spațiu prin umbrirea selectată corespunzător.
ce altceva este important în atributele de proiectare a materialelor?
– culori Distinctive și bine alese
-pictograme Simple și ușor de utilizat
– grafică și imagini care reprezintă un punct de referință suplimentar pentru conținut
– tipografie simplă, dar în același timp elegantă, bazată pe fontul Roboto