Dizaineri saņem bezmaksas SVG fona modeļus no varoņa rakstiem

Visas mūsdienu tīmekļa pārlūkprogrammas atbalsta SVG un tas ir elastīgākais attēla formāts tu vari izmantot. Bet pielāgotu SVG izstrāde no nulles nav viegls uzdevums.

Tāpēc rīks ir līdzīgs Varoņa raksti var būt tik vērtīgi dizaineriem. Tā ir bezmaksas bibliotēka atkārtojamiem SVG modeļiem ka jūs varat pielāgot ar dažādiem stiliem, krāsām un necaurredzamību.

Hero Patterns ir labi vairāk nekā 40 + dažādi modeļi izvēlēties no tiem un visi ir uzskaitīti tieši mājaslapā. Ritinot uz leju, redzēsiet dzīvot demo par katru un jūs varat noklikšķināt uz jebkuras no tām, lai redzētu, kā viņi izskatās.

Lapas augšdaļā atradīsiet fiksētu joslu ar iestatījumiem mainīt priekšplāna un fona krāsas. Fona krāsa attiecas uz Gluda virsma un priekšplāna krāsa attiecas uz SVG modeļos.

Pateicoties dabisks sajaukšanas stils, tas ir grūts nākt klajā ar sliktu krāsu kombināciju (lai gan tas joprojām ir iespējams). Raksti ir no dambrete uz detalizētas atkārtotas ikonas kā enkuri.

Kad atrodat tēlu, kas jums patīk noklikšķiniet uz šī bloka modāla logam ar sīkāku informāciju. No šejienes jūs varat pielāgot priekšplāna / fona krāsas, kopā ar priekšplāna necaurredzamība ikonām.

Bet reālā maģija notiek koda fragmenta lodziņā kur jūs varat kopēt CSS lai iegultu SVG tikai ar kodu. CSS ir base64 () metode pārvērst virknes datus uz SVG datiem. Tas ir diezgan bieži un tas darbojas arī ar citiem attēliem, piemēram, PNG.

Tātad, ja nevēlaties, lai SVG fails tiktu saglabāts lokāli, varat vienkārši kopējiet / ielīmējiet CSS kodu tieši savā stillapā. Tas būs iegult atkārtotu fonu ar pareizām krāsām tieši jūsu vietnē. Cik forši!

Vai, ja vēlaties rediģējiet SVG pats jūs varat lejupielādējiet neatjaunotā SVG attēla kopiju. Tādā veidā jūs varat veiciet visus labojumus manuāli dizaina programmatūrā, piemēram, Illustrator.

Hero Patterns ir viens no nedaudzajiem instrumentiem, kas ļauj dizaineriem pilnībā kontrolēt SVG tieši no pārlūka. Atkārtojamie foni izmantoti, lai paļautos tikai uz PNG, bet tīmekļa standarti ir pietiekami tālu SVG var ieņemt savu vietu.

Uz sāc, vienkārši apmeklējiet Hero Patterns mājaslapu un pārlūkojiet to rakstu bibliotēku. Jauni modeļi saņemt bieži, tāpēc noteikti pārbaudiet katru reizi tik bieži.