Iconos Personalizados

Iconos Personalizados

PERSONALIZAR UNA WEB

Cuando trabajamos en el diseño de una web hay elementos que pueden ser diferenciadores a la hora del resultado final. Uno de estos elementos son los iconos que aparecen en las páginas distribuidoras de información o como elementos decorativos de la web.

¿Por qué personalizar los iconos?

Porque daremos aspect de tener una web cuidada y detallista, como queremos que sean nuestros productos o servicios. Si la web es el primer contacto con el posible cliente unas imágenes e iconos de stock causarán más indiferencia, ya que es posible que nuestra competencia haya utilizado los mismos diseños o semejantes.

En este caso hemos personalizados los iconos para la página web de un festival, donde además de cambiarles a color corporativo se han añadido animaciones para causar un efecto extra de dinamismo. Este efecto  solo puede ser visualizado cuando ponemos el ratón por encima de la imagen o lo que llamamos el efecto hover. Para realizar este tipo de iconos primero se deben dibujar con un programa que nos permita acceder al código svg de la imágen, posteriormente nos pasamos a un programa de edición de código donde a través de los keyframes podremos establecer distintos tipos de movimientos o animaciones.

Para que podáis ver el funcionamiento de los iconos os dejamos el código utilizado.

 

See the Pen SVG ANIMATED ICONS PURPLE by Berta (@Las12enpunto) on CodePen.

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro