Designerii obțin gratuit modele de fundal SVG din modelele eroilor
Toate browserele web moderne suport SVG si este cel mai flexibil format de imagine poți să folosești. Dar proiectarea SVG personalizate de la zero nu este o sarcină ușoară.
De aceea un instrument cum ar fi Modelele eroilor poate fi atât de valoros pentru designeri. Este o bibliotecă gratuită de repetabile modele SVG că poți personaliza cu diferite stiluri, culori și opacite.
Modelele eroice au bine peste 40 de modele diferite pentru a alege și sunt listate toate pe pagina de pornire. Pe măsură ce defilați în jos, veți vedea demonstrații vii pentru fiecare și puteți să faceți clic pe oricare dintre ele pentru a vedea cum arată.
În partea de sus a paginii, veți găsi o bară fixă cu setările pentru schimbați culorile primului și fundalului. Culoarea de fundal se aplică suprafață plană iar culoarea primului câmp se aplică la modele în SVG-uri.
Mulțumită stilul de amestec natural, este greu să vină cu un combo de culoare proastă (deși cu siguranță este încă posibil). Modelele variază de la joc de dame la pictograme detaliate care se repetă cum ar fi ancorele.
Când găsiți un model care vă place doar faceți clic pe acel bloc pentru o fereastră modală cu mai multe detalii. De aici, puteți ajusta culorile primului / fundalului, impreuna cu opacitatea în prim plan pentru icoane.
Dar magia reală se întâmplă în caseta de fragment de cod unde poti copiați CSS pentru a încorpora SVG doar prin cod. În CSS există a base64 ()
metoda de a conversia datelor șir la date SVG. Aceasta este destul de comun și funcționează și cu alte imagini, cum ar fi PNG-urile.
Deci, dacă nu doriți ca fișierul SVG să fie stocat local, puteți pur și simplu copiați / inserați codul CSS chiar în foaia de stil. Asta va încorporați fundalul repetat cu culori potrivite direct pe site-ul dvs. Cat de cool!
Sau, dacă preferați editați-vă singur SVG poti descărcați o copie a imaginii SVG needitate. În acest fel poți efectuați toate editările manual în software-ul de design precum Illustrator.
Modelele eroilor reprezintă unul dintre puținele instrumente care lăsaseră designerii să aibă control complet asupra SVG-urilor chiar din browser. Repetarea fundalurilor folosite pentru a se baza doar pe PNG-uri, dar standardele web au avansat destul de departe SVG-urile pot lua locul lor.
La incepe, vizitați pagina de pornire și modelele de eroi navigați prin biblioteca de modele. Noi modele adăugați frecvent, astfel încât asigurați-vă că verificați înapoi atât de des.