Projektanci otrzymują darmowe wzory tła SVG ze wzorów bohaterów

Wszystkie nowoczesne przeglądarki internetowe wsparcie SVG i jego najbardziej elastyczny format obrazu możesz użyć. Ale projektowanie niestandardowych SVG od podstaw nie jest łatwym zadaniem.

Dlatego takie narzędzie Wzory bohaterów może być tak cenny dla projektantów. To darmowa biblioteka powtarzalne wzory SVG że możesz dostosuj z różnymi stylami, kolorami i zmętnieniami.

Wzory bohaterów mają się dobrze ponad 40 różnych wzorów aby wybrać, a wszystkie są wymienione bezpośrednio na stronie głównej. Podczas przewijania w dół zobaczysz prezentacje na żywo dla każdego z nich i możesz kliknąć dowolny z nich, aby zobaczyć, jak wyglądają.

W górnej części strony znajdziesz stały pasek z ustawieniami do zmienić kolory pierwszego planu i tła. Kolor tła odnosi się do płaska powierzchnia a kolor pierwszego planu odnosi się do wzory w SVG.

Dzięki do naturalny styl mieszania, trudno jest wymyślić złe połączenie kolorów (choć z pewnością nadal możliwe). Zakresy od warcaby do szczegółowe powtarzające się ikony jak kotwice.

Kiedy znajdziesz wzór, który lubisz kliknij ten blok dla okna modalnego z większą ilością szczegółów. Stąd możesz dostosować kolory pierwszego planu / tła, wraz z nieprzezroczystość pierwszego planu dla ikon.

Ale dzieje się prawdziwa magia w polu kodu gdzie możesz skopiuj CSS osadzić SVG wyłącznie poprzez kod. W CSS jest base64 () metoda do konwertuj dane łańcuchowe na dane SVG. To jest dość powszechne i działa również z innymi obrazami, takimi jak PNG.

Jeśli więc nie chcesz, aby plik SVG był przechowywany lokalnie, możesz po prostu skopiuj / wklej kod CSS prosto do twojego arkusza stylów. To będzie osadzić powtarzające się tło z odpowiednimi kolorami bezpośrednio w witrynie. Fajnie!

Albo, jeśli wolisz edytuj SVG samodzielnie możesz pobierz kopię nieedytowanego obrazu SVG. W ten sposób możesz wykonaj wszystkie zmiany ręcznie w oprogramowaniu do projektowania, takim jak Illustrator.

Hero Patterns to jedno z niewielu narzędzi, które pozwalają projektantom przejąć pełną kontrolę nad SVG bezpośrednio z przeglądarki. Powtarzające się tła polegały wyłącznie na PNG, ale standardy sieciowe są wystarczająco zaawansowane SVG mogą zająć ich miejsce.

Do zaczynać, wystarczy odwiedzić stronę główną Hero Patterns i przeglądaj ich bibliotekę wzorców. Nowe wzory dostawać się często, więc sprawdzaj co jakiś czas.