Les imatges SVG van poblant la xarxa de xarxes perquè en qüestió d'anys puguem gaudir d'una millor experiència web en termes generals. I és que aquest tipus d'imatges, a banda de poder ser ampliades sense perdre res de qualitat en la definició, solen ser de gairebé kilobytes de dades.
SVG és un format d' imatge vectorial basat en un XML per a gràfics 2D . Aquest tipus de format gràfic pot ser usat per a tot tipus d'efectes, imatges, animació i interactivitat per donar més usabilitat a les webs on s'integra. Tot i poc, permet jugar amb aquest tipus d'accions, així que mostrarem les millors webs que tenen gràfics SVG per servir com a inspiració o com un clar exemple de com confeccionar la propera que realitzarem per a un client o un treball.
Walking Men Agency
Una agència digital de disseny que es fa valer amb una web ben cridanera per l'ús d'imatges SVG i per un toc molt especial visual . Una de la qual inspirar-se sens dubte. Crida l'atenció el punter transformat en un punt vermell que es va adaptant a cadascun dels elements que conformen la web.
popular Pays
Una web amb un exquisit disseny en què destaquen els hashtags que apareixen com a «pop ups» i que en cap moment alenteixen la visió i experiència que ofereix aquest lloc. Uns hashtags que són «menjats» per les pròpies imatges que poden ser passades al frontal.
Adriaansen
Amb el principal motiu que és el vídeo, és curiosa la manera de fusionar les imatges PNG amb el text que es va mostrant segons anem fent scrolling cap avall.
10 × 17
Una web per inspirar-se per la seva gran idea amb unes animacions que es mouen molt suaument segons anem avançant pel contingut. És significatiu el gran avenç en el disseny web a què ens enfrontem avui dia, i és 10×17, amb la intenció de mostrar 26 artistes que conformen els seus àlbums de música favorits de 2017, la que ho mostra.
Duotix
Simplement feu clic sobre la icona de tres ratlles horitzontals a la part superior dreta per descobrir les subtils i suaus animacions que mostren el menú de capçalera d'aquesta web. El màxim exemple de com s'han de confirmar unes animacions a un lloc.
Copper & Brave
Una botiga en línia sense gaires ostentació a les animacions, però que serveix com un altre exemple del tracte d'imatges SVG.
Rocka
Des d'Espanya tenim Rocka per mostrar la gran transició de colors que es realitza quan explorem el contingut d'aquesta web amb la roda del ratolí. Una bella experiència amb tota mena d'animacions.
Paradiso
Un disseny web en què es busca la simplicitat dels seus elements per a una gran usabilitat en tot el seu conjunt, sense que falti gens ni mica d'enginy en algunes de les animacions que es van mostrant en aquesta gran experiència web que ofereix Paradiso. Tornem a recalcar el que és un menú de capçalera de gran creativitat i acabat a l'animació.
zero
Un estudi creatiu establert a Nova York que mostra totes les intencions amb un menú de capçalera lateral que s'obre davant nostre amb una sèrie d'animacions i imatges ben vistoses. Si busques un menú únic per al teu lloc web, ja et pots inspirar en el de Zero. Segons vagis movent el punter del ratolí sobre cadascuna de les opcions, apareixeran aquestes imatges i animacions vistoses.
The Architect Paris
Curiosa la seva pantalla de càrrega i aquesta gràcil manera de mostrar els últims tuits, posts a Facebook o imatges a Instagram. Un lloc web que dignifica lexperimentació web.
Project Redspace
Un projecte amb la idea de commutar els temps en megaciutats xineses i que exerceix gran habilitat per mostrar això mateix gràcies a les seves foses i degradades amb intel·ligència en l'ús de l'esquema de colors. Àmplies imatges que apareixen i desapareixen amb unes animacions de gran qualitat i manufactura. Fa enveja.
Tabo Tabo Films
Una productora de sèries de televisió i pel·lícules francesa que mostra un gran poder al vídeo en canviar instantàniament en deixar premut el punter del ratolí en cadascuna de les categories. Obre cadascuna per trobar el que és experimentar amb el disseny web.
James Gillen
Aquest web es val de dos colors principals per crear el contrast just per identificar-se per ell mateix. També destaca per aquesta animació del fons que està en tot moment en moviment.
Fergie
Zen Studio ens porta aquesta web d'una artista reconeguda a tot el món i que és l'exemple màxim del que pot ser una web: un vídeo clip interactiu on el nostre punter és el que governa l'animació exclusiva. Imprescindible.
exorcista
Una consultora establerta al Brasil que utilitza les animacions com a cortines per mostrar cadascun dels seus serveis. Simple, però efectiva en lús dels colors verd i blau per a un fons en blanc.
Diewel
Una altra experiència visual basada en el groc i el negre , i que té un gran efecte per anar mostrant les catàstrofes.
Olivier Guilleux
Portfolio frontend que mostra una sèrie dhabilitats web que no deixa ningú indiferent.
la Clairière
Espai de coworking amb un objectiu posat al color verd . Més animacions cridaneres per a una tipografia evident que pren un gran protagonisme gràcies a l'ús d'aquest moviment suau i precís. Recomanable l'exploració de la icona de menú.
Insurance experiments
Una web amena i desenfadada que no busca gaire més del que s'ha dit.
The State of European Tech
Si vols una web amb menús laterals que es distingeixi de la resta, fixa't bé en aquesta on experimenten amb una gran manera d'entendre aquests espais, els sentits i les animacions.
Kappow
Edredons Buffy
Alpso Mleko
Una marca famosa eslovaca de llet que val de l'exploració a través de l'scrolling per mostrar una digna i cridanera experiència web. Curiosa almenys.
Pacificandc
Herokid Studio, un espanyol, ens porta el disseny d'aquesta web que destaca pel negre, el groc i una sèrie de vídeos que mostren una gran elegància en l'experiència que propina.