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.
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