Os mellores sitios web baseados en imaxes SVG

Mellor web SVG

o As imaxes SVG están a encher a rede de redes para que en cuestión de anos poidamos gozar dunha mellor experiencia web en xeral. E é que este tipo de imaxes, ademais de poder ser ampliadas sen perder ningunha calidade na definición, adoitan ser case kilobytes de datos.

O formato SVG é Imaxe vectorial baseada en XML para gráficos 2D. Este tipo de formato gráfico pode usarse para todo tipo de efectos, imaxes, animación e interactividade para dar maior usabilidade nos sitios web nos que está integrado. Como pesa pouco, permítenos xogar con este tipo de accións, polo que imos amosar os mellores sitios web que teñen gráficos SVG para servir de inspiración ou como un claro exemplo de como facer a seguinte que imos facer para un cliente ou un traballo.

Axencia Homes Camiñantes

Homes andantes

Unha axencia de deseño dixital que se afirma cun sitio web moi sorprendente para o uso de imaxes SVG e por un toque moi especial no visual. Un dos que inspirarse sen ningunha dúbida. Chama a atención o punteiro transformado nun punto vermello que se adapta a cada un dos elementos que compoñen a rede.

Popular paga

Popular paga

Un sitio web cun deseño exquisito no que os hashtags aparecen como "ventás emerxentes" e que en ningún momento ralentizan a visión e a experiencia que ofrece este sitio. Algúns hashtags que "comen" as propias imaxes que se poden pasar á fronte.

Adriansen

Adriansen

Coa razón principal do vídeo, é así curioso como combinar imaxes PNG co texto que se amosa mentres nos desprazamos cara abaixo.

10 × 17

10x17

Un sitio web para inspirarse a túa gran idea con algunhas animacións que se moven moi ben a medida que avanzamos no seu contido. O gran avance no deseño web ao que nos enfrontamos hoxe é significativo e é de 10 × 17, coa intención de mostrar a 26 artistas que compoñen os seus discos de música favoritos de 2017, o que o mostra.

Duotix

Duotix

Simplemente faga clic na icona con tres franxas horizontais na parte superior dereita para descubra as animacións sutís e suaves que mostran o menú cabeceira deste sitio web. O último exemplo de como hai que confirmar as animacións nun sitio.

Cobre e Valente

Cobre e Valente

Unha tenda en liña sen moita fanfarria en animacións, pero iso serve como un exemplo máis de tratar con imaxes SVG.

Rocka

Rocka

Desde España temos a Rocka para amosar o gran transición de cor iso faise cando exploramos o contido deste sitio web coa roda do rato. Unha fermosa experiencia con todo tipo de animacións.

Paradiso

Paradiso

Un deseño web no que busca a sinxeleza dos seus elementos para unha gran usabilidade en todo o seu conxunto, sen perder nin un ápice de enxeño nalgunhas das animacións que se amosan nesta gran experiencia web que ofrece Paradiso. Unha vez máis enfatizamos o acabado en animación dun menú de cabeceira altamente creativo.

Cero

Cero

Un estudo creativo con sede en Nova York que mostra todas as intencións cun menú de cabeceira lateral que se abre diante de nós cunha serie de animacións e imaxes moi atractivas. Se buscas un menú único para o teu sitio web, xa podes inspirarte en Zero's. Ao mover o punteiro do rato sobre cada unha das súas opcións, aparecerán estas coloridas imaxes e animacións.

O arquitecto París

Architech

Curioso a súa pantalla de carga e esa elegante forma de amosa os últimos tweets, publicacións en Facebook ou imaxes en Instagram. Un sitio web que dignifica a experimentación web.

Proxecto Redspace

Proxecto

Un proxecto coa idea de desprazarse os tempos en megaciudades chinesas e que exerce unha gran habilidade para amosalo grazas aos seus esvaecementos e degradados con intelixencia no uso do esquema de cores. Imaxes grandes que aparecen e desaparecen con animacións e artesanía de alta calidade. É envexoso.

Tabo Tabo Films

Tabo

Unha produtora francesa de películas e series de televisión que mostra a gran poder no vídeo cambiando ao instante mantendo premido o punteiro do rato en cada unha das categorías. Abre cada un deles para descubrir como é experimentar co deseño web.

James Gillen

Santiago

Este sitio web usa dúas cores principais para crea o contraste correcto para identificarse. Tamén destaca por esa animación do fondo que está en movemento en todo momento.

Fergie

Fergie

Zen Studio tráenos este sitio web desde artista de renome mundial e ese é o máximo exemplo do que pode ser unha web: un videoclip interactivo no que o noso punteiro é o que rexe a animación exclusiva. Imprescindible.

Espiritualista

Espiritualista

Unha empresa de consultoría con sede en Brasil que usa animacións como cortinas para mostrar cada un dos teus servizos. Sinxelo, pero eficaz no uso de verde e azul para un fondo en branco.

Dieel

Dieel

Outra experiencia visual baseada en amarelo e negro, e que ten un gran efecto para amosar as catástrofes.

Olivier Guilleux

oliva

Carteira de frontend que mostra un serie de habilidades web iso non deixa indiferente a ninguén.

La Clairière

Claireira

Espazo de traballo compartido cun obxectivo fixado en cor verde. Animacións máis chamativas para unha tipografía evidente que cobra protagonismo grazas ao uso dese movemento suave e preciso. Recoméndase a exploración de iconas de menú.

Experimentos de seguros

Seguro

Unha web agradable e despreocupado sen buscar moito máis do que se dixo.

O estado da tecnoloxía europea

Europa

Se queres un sitio web con menús laterais que destaca do resto, mire ben este onde experimentan cunha boa forma de entender eses espazos, os seus sentidos e as súas animacións.

Kappow

Kappow

 Unha axencia dixital que amosa un gran valor no deseño web levándoo unha divertida animación que se pode ver ao pasar o punteiro do rato sobre o seu "K".

Edredóns Buffy

Buffy

Outro sitio web informal que destaca a tipo de collage que se abre ante nós mentres baixamos.

Alpso Mleko

Alpsko

Unha famosa marca eslovaca de leite que usa exploración a través do desprazamento para amosar unha experiencia web digna e atractiva. Curioso cando menos.

Pacificandco

Pacífico

Herokid Studio, un español, tráenos o deseño deste sitio web destaca polo negro, o amarelo e unha serie de vídeos Mostran unha gran elegancia na experiencia de propina.


O contido do artigo adhírese aos nosos principios de ética editorial. Para informar dun erro faga clic en aquí.

3 comentarios, deixa os teus

Deixa o teu comentario

Enderezo de correo electrónico non será publicado. Os campos obrigatorios están marcados con *

*

*

  1. Responsable dos datos: Miguel Ángel Gatón
  2. Finalidade dos datos: controlar SPAM, xestión de comentarios.
  3. Lexitimación: o seu consentimento
  4. Comunicación dos datos: os datos non serán comunicados a terceiros salvo obrigación legal.
  5. Almacenamento de datos: base de datos aloxada por Occentus Networks (UE)
  6. Dereitos: en calquera momento pode limitar, recuperar e eliminar a súa información.

  1.   Barco21 dixo

    No estudo nave21.com apostamos por SVG como a mellor opción durante moito tempo. Encántanos! e os clientes tamén.

  2.   Guillermo Zamarripa dixo

    A publicidade de Ovisoft é invasiva e non lle permite ver correctamente este artigo. Mágoa, é un bo artigo con boa información.

    1.    Manuel Ramírez dixo

      Podes abrilos desde as ligazóns e experimentalos por ti mesmo: =)