Peste 20 de pachete SVG animate

Publicat: 2015-11-16

SVG (sau Scalable Vector Graphics) este un format de fișier bazat pe XML, care conține vectori în două dimensiuni și permite dezvoltatorilor să creeze grafice uimitoare și aplicații grafice dinamice și animate.

Cuprins ascunde
SVG POP Watch – Un motor de urmărire SVG animat receptiv
Pachet de ilustrații SVG animate
Stiluri de text 3D animate – SVG
Pictograme animate SVG vreme
Pachet de 6 pictograme SEO SVG
StarshineJS – Efect HTML de stele strălucitoare animate SVG
Pictograme animate de browser SVG
Enliven' em Premium Add-on: Pictograme promoționale web
Trigoni – Creați și animați imagini SVG abstracte
Cyclo – Kit de încărcătoare SVG
Circular HTML5 Preloader
Animație muzicieni receptivi
Mega pachet de pictograme SVG animate
Folding Loader SVG animat
Flatimation SVG – Un set de pictograme SVG animat
Expunere de diapozitive foto retro SVG
16 pictograme animate SEO
Meniu Gooey: Plugin jQuery
40 de pictograme animate SVG pentru rețelele sociale
Glob animat SVG cu markere și logo-uri
Gear HTML5 Audio Player
Diagramă circulară 3D cu JavaScript
Exemple de site-uri web grozave care folosesc puterea SVG
Cavalier: Cuceritor al excelenței
Pin
Poignee de main virile
Pin
iFly50
The ARK: Star Citizen Starmap
Păstrați cutremure ciudate
30u
Grupul QED
Melanie Daveid
WWF Franța – Ora Pământului Paris
Nerisson
One Design Company
MIDORI AOYAMA

SVG este un format de imagine puternic care poate fi manipulat cu cod, fie într-un editor de text, fie cu CSS/JS și este folosit din ce în ce mai mult în web design.

Unul dintre cele mai mari plusuri pe care le are SVG este că poate arăta clar pe toate rezoluțiile ecranului. Poate conține fișiere de dimensiuni foarte mici și poate fi editat și modificat cu ușurință. Imaginile SVG oferă mult mai multă libertate când vine vorba de dimensiunea imaginilor utilizate, precum și de modul în care acestea interacționează cu designul final.

Acest format de imagine vectorială bazat pe XML face lucrurile mai ușoare pentru dezvoltatorii web și designerii web, așa că am decis să adunăm aici 22 de pachete SVG animate interesante pentru a vă inspira. Aceste pachete premium SVG servesc diferitelor scopuri, de la adăugarea de pictograme și texte animate pe site-uri web până la adăugarea de ceasuri, grafică animată și multe altele.

Adăugați aceste pachete SVG animate la colecția dvs. de web design și fiți pregătiți pentru următorul dvs. proiect de site!

PS Am adăugat, de asemenea, câteva exemple de utilizare a SVG-urilor în design-urile web , mai jos.

SVG POP Watch – Un motor de urmărire SVG animat receptiv

Pin

SVG POP Watch este perfect pentru proiectul dvs. sau echipa de site. Îi poți schimba cu ușurință aspectul, are un motor de ceas SVG animat gata de retină și receptiv. De asemenea, puteți adăuga cu ușurință propriul design. Acest ceas SVG vine cu multe caracteristici excelente, așa că asigurați-vă că îl verificați!

Pachet de ilustrații SVG animate

Pachet de ilustrații SVG animate Pin

Acesta este un pachet de ilustrații SVG foarte frumos și animat. Au fost create folosind biblioteca JavaScript Snap.SVG și ar arăta grozav în proiectele dvs.

Stiluri de text 3D animate – SVG

Stiluri de text animate 3D - Previzualizare SVG - CodeCanyon Pin

Acest set include 10 stiluri unice de texte animate 3D. Folosesc text HTML, ceea ce înseamnă că Google îl citește la fel ca orice alte texte HTML. Stilurile pe care le conține acest pachet variază de la realiste, plate și izometrice.

Pictograme animate SVG vreme

Pictograme animate SVG vreme Pin

Aceste pictograme animate de vreme plată au fost frumos proiectate. Fiecare are propria animație unică și, folosindu-le, veți face cu siguranță proiectele dvs. de web design mai creative și convingătoare.

Pachet de 6 pictograme SEO SVG

Pictogramă SVG Pachete SVG animate Pin

Acest pachet conține 6 pictograme animate SEO SVG. Puteți să le utilizați și să le integrați în proiectele dvs. de web design pentru a face site-ul dvs. interactiv.

StarshineJS – Efect HTML de stele strălucitoare animate SVG

Pachete SVG animate StarshineJS Pin

Cu efectul HTML animat, puteți adăuga strălucire, lumini sexy sau desene animate elementelor dvs. HTML. Le puteți ajusta cu ușurință pozițiile, dimensiunea, culoarea și multe altele.

Pictograme animate de browser SVG

Pictograme SVG animate Pin

Aceste pictograme SVG animate sunt exact ceea ce are nevoie site-ul tău. Sunt modalitatea perfectă de a le spune clienților că aplicația, tema sau jocul dvs. funcționează perfect în toate browserele majore.

Enliven' em Premium Add-on: Pictograme promoționale web

Pictograme animate pentru pachete SVG Pin

Acest pachet conține 50 de pictograme promoționale web. Acesta este un supliment pentru Enliven'em. Fiecare pictogramă vine cu 5 variante de fundal, ceea ce înseamnă că veți primi 250 de fișiere SVG în total.

Trigoni – Creați și animați imagini SVG abstracte

Pachete SVG animate Trigons Pin

Acesta este un script JS foarte flexibil care vă va ajuta să creați o imagine SVG modernă și elegantă, cu animații opționale. Acest set conține 30 de efecte de animație încorporate pe care le puteți folosi pentru a realiza proiectul de web design perfect.

Cyclo – Kit de încărcătoare SVG

Cyclo - Kit de încărcătoare SVG Pin
Cu acest set, preîncărcătoarele dvs. vor arăta grozav! Iată 33 de efecte de animație de încărcare realizate numai în SVG.

Circular HTML5 Preloader

Circular HTML5 Preloader Pin

Acesta este un preîncărcare HTML5 circular care va face tranziția între o experiență normală de utilizator și o călătorie fără probleme la conținutul site-ului dvs.

Animație muzicieni receptivi

Pachete SVG animate cu muzicieni receptivi Pin

Acest pachet conține câțiva muzicieni SVG animați și fișierele vectoriale originale. Aveți și un pachet demo, un pachet pentru muzicieni. Acest pachet este foarte bine documentat.

Mega pachet de pictograme SVG animate

Pin

Mega Pack de pictograme SVG animate vă va face arta vectorială să prindă viață. Tot ce trebuie să faci este să-ți salvezi opera de artă, să adaugi o linie de cod la HTML și ești gata!

Folding Loader SVG animat

Folding Loader SVG animat Pin

Animația SVG Folding Loader este perfectă pentru pagina dvs. de preîncărcare. Folosește-l cu încredere!

Flatimation SVG – Un set de pictograme SVG animat

Pachete SVG animate Flatimation Pin

Setul de pictograme animate Flatimations SVG va face site-ul dvs. mai distractiv și creativ. Aceste pictograme atrăgătoare vor arăta grozav pe orice dispozitiv și browser.

Expunere de diapozitive foto retro SVG

Pachete SVG animate retro Pin

Această prezentare de diapozitive foto retro SVG are inspirația sa în designul plat. Arată retro, dar contemporan și este o modalitate excelentă de a anima și de a afișa imagini.

16 pictograme animate SEO

Pictograme animate pentru pachete SVG Pin

Ce zici de a avea și de a folosi aceste 16 pictograme SEO animate care vor aduce site-ul tău la viață. Sunt grafice vectoriale complet scalabile și vor arăta grozav pe orice dispozitiv și browser.

Meniu Gooey: Plugin jQuery

Gooey Menu jQuery Plugin Pin

Acest plugin vă va ajuta să creați un meniu lipicios cu cercuri ca elemente. Folosește filtre SVG, conține 6 stiluri de meniu, vine cu multe opțiuni personalizabile și multe altele.

40 de pictograme animate SVG pentru rețelele sociale

Pachete SVG animate Pictograme Social Media Pin

Iată un set foarte grozav de pictograme SVG animate, care sunt modalitatea perfectă de a direcționa vizitatorii site-ului dvs. către paginile dvs. de socializare.

Glob animat SVG cu markere și logo-uri

Sigle SVG animate Pin

Acesta este un glob animat SVG cu markere și logo-uri care funcționează bine atât pe dispozitive mobile, cât și pe desktop. Este modalitatea perfectă de a vizualiza o locație.

Gear HTML5 Audio Player

Pachete SVG animate Gear Pin

Acum vă puteți prezenta cu ușurință muzica într-un mod creativ. Acest Gear Player oferă o interfață de utilizator foarte captivantă, pe care cu siguranță o vei iubi.

Diagramă circulară 3D cu JavaScript

Diagramă circulară 3D cu JavaScript Pin

Această diagramă circulară 3D a fost dezvoltată în alternative JavaScript, SVG și VML. Îl puteți personaliza cu ușurință, îi puteți modifica poziția, înălțimea, raza, atributele legendelor, dimensiunea textului și multe altele.

Exemple de site-uri web grozave care folosesc puterea SVG

Cavalier: Cuceritor al excelenței

Cavalier svg site Pin

Aceste serii de jocuri au fost create folosind SVG pentru animație și grafică. Posture & Balance este primul joc creat pentru o platformă numită Cavalier care a fost concepută cu tehnologii inovatoare.

Poignee de main virile

Site svg Poignee Pin

Acest nou site web animat și fotografic a fost creat pentru studioul de design grafic și creativ digital Poignee de main virile din Franța. Rezultatul este incredibil!

iFly50

Site-ul web iFly50 svg Pin

Când revista FLY KLM și-a sărbătorit cea de-a cincizecea ediție, a creat un site animat viu pentru cea mai bună colecție de călătorii. În acest fel, au fost prezentate cele mai frumoase, fascinante 50 de locuri de pe Pământ.

The ARK: Star Citizen Starmap

site svgStarmap Pin

Folosind o interfață incredibilă ARK, acest site web prezintă Robert's Space Industries, un producător de nave spațiale, în cadrul jocului „Star Citizen”. Acesta este un portal pentru informații, actualizări și achiziții ale propriei nave spațiale cu care puteți proteja cetățenii Star Citizen.

Păstrați cutremure ciudate

Păstrați site-urile Earthquakes care folosesc svg Pin

Keep Earthquakes Weird este o platformă creată cu efecte grafice SVG uimitoare care au fost construite cu scopul de a pregăti populația din Portland în cazul unui cutremur. Conținutul este foarte educativ.

30u

30u site svg Pin

30u este un e-shop care vinde pantofi pe un site creat de dezvoltatori care pun atenția pe stil și au folosit câteva caracteristici SVG interesante.

Grupul QED

Site-ul web svg QED-Group Pin

Site-ul QED GROUP are ilustrații uimitoare sugestive care vă vor oferi o experiență de navigare grozavă. Aspectul site-ului este elegant și inteligent.

Melanie Daveid

Melanie Daveid site svg Pin

Site-ul Melanie Daveid este unul dintre cele mai frumoase site-uri de portofoliu care pot fi găsite pe web. Site-ul include tranziții fine și ilustrații minunate ale mâinilor

WWF Franța – Ora Pământului Paris

Site svg WWF Franța Pin

Acest site animat a fost creat pentru WWF Franța și a fost folosit pentru a anunța că pe 19 martie, luminile Turnului Eiffel vor fi stinse pentru Ora Pământului.

Nerisson

Site-ul web Nerisson svg Pin

Nerisson alias Jimmy Raheriarisoa este un director de artă francez specializat în design web/mobile, ilustrație și motion design. Acesta este un site de portofoliu grozav, cu ilustrații frumoase și caracteristici grafice.

One Design Company

Site svg One Design Pin

One Design Company este o echipă experimentată și entuziastă de designeri, dezvoltatori, manageri de proiect, scriitori și artiști. Site-ul lor este unul viu și interactiv, bazat pe imagini SVG clare.

MIDORI AOYAMA

Site-ul web svg MIDORI AOYAMA Pin

Midori Aoyama este un DJ și producător din Tokyo. El și-a lansat propriul partid „EUREKA!” aceasta este încă una dintre cele mai bune petreceri cu muzică house din Japonia. Site-ul lui este, de asemenea, inovator, un exemplu interesant de SVG și cum poți beneficia de el ca utilizator.