Dizaineriai gauna nemokamus SVG fono modelius iš herojaus modelių

Visos modernios interneto naršyklės palaikyti SVG ir tai labiausiai lankstus vaizdo formatas tu gali naudoti. Bet pritaikyti SVG nuo nulio nėra lengva užduotis.

Štai kodėl tokia priemonė yra Hero modeliai gali būti tokie vertingi dizaineriams. Tai nemokama biblioteka pakartojami SVG modeliai kad galite pritaikyti su skirtingais stiliais, spalvomis ir neskaidrumu.

Hero modeliai gerai daugiau nei 40+ skirtingų modelių pasirinkti iš jų ir jie visi išvardyti dešinėje puslapyje. Slinkdami žemyn, pamatysite gyventi demo kiekvienam ir galite spustelėti bet kurį iš jų, kad pamatytumėte, kaip jie atrodo.

Puslapio viršuje rasite fiksuotą juostą su nustatymais pakeisti priekinio ir fono spalvas. Fono spalva taikoma Plokščias paviršius ir priekinio vaizdo spalva taikoma modelius SVG.

Ačiū natūralus maišymo stilius, tai sunku sugalvoti blogą spalvų kombinaciją (nors ir vis dar įmanoma). Modeliai svyruoja nuo šaškės į išsamios pasikartojančios piktogramos kaip inkarai.

Kai radote mėgstamą modelį spustelėkite tą bloką modalinio lango su daugiau informacijos. Iš čia galite reguliuoti spalvos, kartu su piktogramų neskaidrumas.

Bet tikroji magija vyksta kodo fragmento laukelyje kur galite nukopijuokite CSS įterpti SVG tik kodą. CSS yra base64 () metodas konvertuoti string duomenis į SVG duomenis. Tai yra gana dažnas ir jis veikia ir su kitais vaizdais, pavyzdžiui, PNG.

Taigi, jei nenorite, kad SVG failas būtų saugomas vietoje, galite tiesiog nukopijuokite / įklijuokite CSS kodą į savo stilių. Tai bus įterpti kartojamą foną tinkamas spalvas tiesiai į savo svetainę. Kaip kietas!

Arba, jei norite redaguokite SVG tu gali atsisiųskite nepakeisto SVG vaizdo kopiją. Taip galite atlikite visus redagavimus rankiniu būdu dizaino programinėje įrangoje, pavyzdžiui, „Illustrator“.

Hero Patterns yra vienas iš nedaugelio įrankių, leidžiančių dizaineriams visiškai kontroliuoti SVG tiesiai iš naršyklės. Kartojantys fonai buvo naudojami tik PNG, tačiau interneto standartai buvo pakankamai toli SVG gali užimti savo vietą.

Į pradėti, tiesiog apsilankykite Hero Patterns pagrindiniame puslapyje ir naršykite jų modelių biblioteką. Nauji modeliai gauti dažnai, todėl būtinai patikrinkite kiekvieną kartą taip dažnai.