Dizajnéri získajú voľné vzory SVG pozadia z herných vzorov
Všetky moderné webové prehliadače podpora SVG a jeho najflexibilnejší formát obrázkov môžeš použiť. ale navrhovanie vlastných SVG od nuly nie je ľahká úloha.
To je dôvod, prečo nástroj ako Hero vzory môžu byť pre dizajnérov cenné. Je to bezplatná knižnica opakovateľné vzory SVG že môžete prispôsobiť s rôznymi štýlmi, farbami a nepriehľadnosťou.
Hero Patterns má dobre viac ako 40 rôznych vzorov na výber a všetky sú uvedené priamo na domovskej stránke. Počas posúvania sa uvidíte živé ukážky pre každú z nich a môžete kliknúť na ktorúkoľvek z nich a zistiť, ako vyzerajú.
V hornej časti stránky nájdete pevný panel s nastaveniami zmeniť farby popredia a pozadia. Farba pozadia sa vzťahuje na plochý povrch a farba popredia sa vzťahuje na vzory v SVG.
Vďaka prirodzený blending štýl, je ťažké prísť s zlým farebným combo (aj keď je stále možné). Vzory sa pohybujú od dáma na podrobné opakujúce sa ikony ako sú kotvy.
Keď nájdete vzor, ktorý sa vám páči kliknite na tento blok pre modálne okno s podrobnosťami. Odtiaľ môžete upraviť farby popredia / pozadia, spolu s opacita popredia pre ikony.
Ale skutočná mágia sa stane do poľa útržku kódu kde môžeš skopírujte CSS na vloženie SVG čisto prostredníctvom kódu. V CSS existuje a base64 () metóda na previesť reťazcové dáta na dáta SVG. Toto je pomerne bežné a pracuje aj s inými obrázkami, ako sú PNG.
Ak nechcete, aby bol súbor SVG uložený lokálne, môžete jednoducho skopírujte / prilepte kód CSS priamo do štýlu šablón. Toto bude vložte opakované pozadie s vhodnými farbami priamo na vašom webe. Aké cool!
Alebo, ak by ste radšej upravte SVG sami môžeš stiahnuť kópiu nezobrazeného obrázka SVG. Týmto spôsobom môžete robiť všetky úpravy manuálne v dizajnovom softvéri, ako je Illustrator.
Hero Patterns je jedným z mála nástrojov, ktoré umožňujú dizajnérom prevziať plnú kontrolu nad SVG priamo z prehliadača. Opakované pozadie, ktoré sa používajú iba na PNG, ale webové štandardy pokročili dosť ďaleko SVG môžu nahradiť svoje miesto.
na začať, stačí navštíviť domovskú stránku Hero Patterns a prezerajte ich knižnicu vzorov. Nové vzory často sa pridávajú, takže sa ubezpečte, že každú chvíľku často kontrolujete.
