Aunque las ilustraciones son tendencia en épocas pasadas era difícil encontrarlas en las web porque los ficheros pesaban mucho y ralentizaba la carga de la página. Al aumentar el ancho de banda y aparecer algoritmos de compresión de imágenes, los gráficos se empezaron a utilizar con normalidad. Ahora mismo la ilustración digital evoluciona día a día siendo muy variada y versátil.
A continuación vamos a ver porqué las ilustraciones son tendencia y que opciones tenemos para su uso online.
1. Tipos de ilustraciones
Estamos en el momento de esplendor de la ilustración llevada a las pantallas.
Hay numerosas técnicas que podemos utilizar para captar la atención de nuestro público y causar un mayor impacto. Aquí te enumeramos unas cuantas ilustraciones que son tendencia actualmente:
- Vectorial con colores planos: A ser tan sencilla resulta ser la más utilizada en el entorno online. Es atemporal y ayuda a generar una comunicación limpia, sin complicaciones.
- Vectorial con degradados y texturas: suele utilizar una base de ilustración plana con colores llamativos y aplicar técnicas de degradado y texturas.
- Isométrica: sirve para realizar mapas o escenarios con muchos personajes ya que no hay perspectiva ni puntos de fuga.
- 3D: se usa para representar de forma muy precisa cualquier contenido. En este caso las variedades de estilos son infinitas, puedes realizar desde ilustración Low Poly hasta el renderizado realista más increíble.
- Lineal: Se suele realizar mediante colores llamativos y formas minimalistas. Al ser tan simple, informal y limpia es fácilmente recordable y suele tener muy buena aceptación por parte del público.
Un recurso muy útil es el SVG (Scalable Vector Graphics). Gracias a él nuestro proyectos vectoriales van a ir con peso reducido y escalados perfectamente incluso para pantallas retina. También podemos animar ilustraciones con CSS, Javascript o WebGL.
Como vemos las posibilidades son infinitas a la hora de meter ilustraciones en una página web. Pero no hay que olvidarse de su componente funcional solamente porque sean tendencia. Su objetivo es mejorar la usabilidad de la página y mejorar la experiencia de usuario.
ILUSTRACIÓN LINEAL
ILUSTRACIÓN CON DEGRADADOS
ILUSTRACIÓN 3D
COLORES PLANOS
ISOMÉTRICA
2. Las ilustraciones son tendencia
Las ilustraciones que realices para cada cliente tienen que ser únicas y originales. ¿Por qué? porque los recursos gráficos de cada marca tienen que ser coherentes con la identidad visual de la misma. No es tan fácil como llegar a un banco de imágenes gratuito y descargarte lo que necesitas en segundos. Necesitas crear ese mundo único donde cada elemento esté conectado con el resto. Así el cliente podrá distinguirse de los demás competidores.
Antes de ponerte a dibujar tendrás que hacer un análisis exhaustivo de la identidad visual del cliente, analizar el target, los objetivos de la empresa y las necesidades del usuario.
Ejemplos de marcas que usan ilustraciones en sus webs: Airbnb, Mailchimp, Dropbox, WeTransfer, Headspace y Etsy.
3. Ventajas competitivas de las ilustraciones
Los recursos gráficos aportan muchísimas ventajas en el entorno online. Por eso son tendencia últimamente. porque nos acercan más a lo natural, a lo hecho a mano, y así resulta más fácil acercarse al usuario contrarrestando la frialdad del soporte digital.
A continuación vamos a enumerar algunas de esas ventajas que te convencerán de utilizarlas si es que no las has usado ya.
-
-
- Dan un toque personal y artístico a la marca, comunicando emociones y valores.
- Transmiten fuerza y originalidad otorgando una voz singular.
- Amenizan la experiencia de usuario haciendo que el proceso de espera es más agradable.
- Tienen un gran poder de comunicación visual rápida y efectiva.
- Funcionan muy bien para explicar conceptos o servicios de forma sencilla. A veces, solo con el dibujo no es necesario leer el texto complementario.
- Se pueden usar en otros soportes como banner, cartelería o redes sociales. Son muy versátiles.
- Funcionan con todo tipo de temáticas, solamente hay que saber ajustarlas al estilo gráfico que te pide la identidad visual del cliente.
- Con una sola imagen puedes transmitir de manera universal el mensaje de tu marca.
-
4. Como causar un mayor impacto con tus ilustraciones
El efecto parallax es un recurso visual que surgió a mediados del año 2011 y que sigue en tendencia porque no puedes dejar de mirarlo. Los usuarios se quedan en tu web fascinados, intrigados, pensando: ¿a ver qué pasa?. Tu web será mucho más competitiva.
¿En qué consiste este efecto? es una ilusión óptica, da la impresión de que los elementos de la web se mueven. Provoca la sensación de que las imágenes lejanas se mueven más lentamente que las cercanas. Comenzó en la animación tradicional y en el cine como en la película de Blancanieves y también en los videojuegos.
Esté efecto conseguirá aumentar el tiempo de permanencia en tu página. Pero antes de ponerte con las animaciones se recomienda realizar un story telling previo para que todo cuadre. A continuación verás unos enlaces de webs que presentan este efecto:
BIBLIOGRAFÍA CONSULTADA:
Imágenes de las webs destacadas y de Freepick.com
Naming
El nombre de una empresa, marca, producto o servicio, sirve como carta de presentación y por eso es imprescindible que este sea adecuado, descriptivo y memorable.
Cómo hacer un vídeo promocional atractivo
Descubre cómo crear vídeos promocionales efectivos siguiendo estos pasos clave, desde definir tus objetivos hasta la promoción y medición de resultados. Impulsa tu marca y convierte a los espectadores en clientes con esta guía completa.
Vectorizar tu logo
Vectorizar o no vectorizar tu logo. Eh ahí la cuestión. Nosotros te decimos que sí, ¡Por supuesto! ¡Ni lo dudes! así que ¡a por ello!. ¡Toca vectorizar tu logo!