Peste 20 de pachete SVG animate
Publicat: 2015-11-16SVG (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.
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
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
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
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
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
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
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
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
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
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
Circular HTML5 Preloader
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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 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 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
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
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
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
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
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.