Десигнерс Гет Фрее СВГ Бацкгроунд Паттернс фром Херо Паттернс

Сви модерни веб претраживачи суппорт СВГ и његове најфлексибилнији формат слике можете користити. Али дизајнирање прилагођених СВГ-ова од нуле није лак задатак.

Зато је алат као Херо Паттернс може бити тако драгоцено дизајнерима. То је бесплатна библиотека поновљиви СВГ обрасци да можете прилагоди са различитим стиловима, бојама и опацитетима.

Херо Паттернс је добро преко 40 различитих образаца да изаберете и све су наведене на почетној страници. Док се спуштате доле, видећете уживо демо за сваки и можете кликнути на било коју од њих да бисте видели како изгледају.

На врху странице налази се фиксна трака са поставкама промените боје предњег плана и позадине. Боја позадине се односи на равна површина а боја предњег плана се односи на обрасце у СВГ-овима.

Захваљујући природни стил мешања, тешко је смислити лошу комбинацију боја (мада је сигурно још могуће). Узорци се крећу од цхецкерс до детаљне иконе које се понављају лике анцхорс.

Када пронађете узорак који вам се свиђа кликните на тај блок за модални прозор са више детаља. Одавде, можете подесити боје предњег плана / позадине, упоредо са Непрозирност предњег плана за иконе.

Али права магија се дешава у оквиру исечка кода где можеш копирајте ЦСС да бисте уградили СВГ чисто преко кода. У ЦСС-у постоји басе64 () метход то конвертује податке низа у СВГ податке. Ово је прилично чест и ради са другим сликама као што су ПНГ-ови.

Дакле, ако не желите да СВГ датотека похрањена локално можете једноставно копирајте / налепите ЦСС код право у ваш стил. Ово ће уградите понављајућу позадину са одговарајућим бојама право на ваш сајт. Како кул!

Или, ако желите уредите СВГ можете преузмите копију необрађене СВГ слике. Овако можете ручно извршите сва уређивања у дизајнерском софтверу као што је Иллустратор.

Херо Паттернс је један од неколико алата који дозвољавају дизајнерима преузети потпуну контролу над СВГ-овима право из претраживача. Понављање позадина се ослањало искључиво на ПНГ-ове, али су веб стандарди напредовали довољно далеко СВГ могу заузети њихово место.

До почети, само посетите почетну страницу Херо Паттернс и прегледајте њихову библиотеку образаца. Нев паттернс често се додају, зато свакако провјерите сваки пут.