Ejemplos de diseño web e ilustración

09/04/17

Diseño web e ilustración: ya hablamos de ello en otro post, meses atrás (Ver post).

Cada vez está cogiendo más fuerza y se ha convertido en una tendencia. Puede ser una forma de acercarnos más a lo natural o "handmade" y así conectar más profundamente con el usuario, ya que en un soporte digital (a veces frio) como puede resultar una página web, incorporar ciertos elementos ilustrados, dan un cierto aire artístico a todo el conjunto del diseño web, y siendo el arte el principal método por excelencia para generar emociones, podéis dar por seguro que estaremos cautivando a nuestro receptor.

A continuación muestro unos ejemplos de ilustraciones aplicadas al diseño web que nos han parecido sensacionales y que son una preciada fuente de inspiración.

 

1. House at Khlebny

Impresionantes ilustraciones acompañadas de fotografia para la venta de apartamentos de lujo de un bloque de edificios cuidadosamente restaurado, ubicado en Rusia. Para ello nos cuentan la historia de la edificación además de mostrarnos varias imágenes interiores con sus lujosos acabados. La ilustración, realizada en acuarela, queda perfecta junto con las animaciones aplicadas mediante jquery y css.

 

2. The Grey Tales

En esta página web nos conciencian sobre la importancia del hecho de proteger a los elefantes mediante cuatro historias contadas y apoyadas de ilustraciones, hecho que hace mucho más amena la lectura para el usuario final.

 

3. What Does the Bank do?

Una infografía animada mediante scroll down, que en este caso, nos cuenta sobre las prácticas del banco de Inglaterra y su impacto en la sociedad. Las ilustraciones animadas ayudan y guían al receptor durante todo el transcurso para hacer más ameno el viaje interactivo del conjunto del diseño web.

 

4. Pablo the flamingo

Una curiosa y divertida experiencia 3D creada a partir de una ilustración con mucho ritmo. Esta simpática animación web ha sido desarrollada mediante diferentes librerías de javascript que hacen uso de canvas, como Three.js.

 

 

Ver más entradas Ver nuestros proyectos Contacta con nosotros