Vida útil visual: por qué las ilustraciones de diseño web se vuelven obsoletas
Publicado: 2022-03-11La ilustración es una forma vibrante y variada de comunicación visual. Como disciplina del diseño, fusiona la claridad del mensaje del diseño gráfico y la capacidad expresiva de las bellas artes. En su apogeo, la ilustración hace algo que la fotografía no puede. Retrata lo que es familiar desde una perspectiva que es inalcanzable con los ojos humanos.
La reciente afluencia de marcas que usan ilustraciones en línea es una de las mejores cosas que le han pasado a la web en mucho tiempo. Ha aportado vitalidad, humor y claridad a una variedad de propuestas comerciales y ha permitido a las empresas contar sus historias con mayor claridad.
A pesar de los aspectos positivos, hay problemas. En esencia, la ilustración es una herramienta para contar historias, pero a medida que aumenta su popularidad, se vuelve hacia lo obligatorio. Tenemos un sitio web, por lo tanto, debemos tener ilustraciones .
Carente de visión estratégica, la ilustración es ornamentación, la antítesis de la originalidad. Se descarta la historia, se abandona la imaginación. Los sitios web individuales pierden distinción y todos los productos y servicios ilustrados se mezclan.
Un empleado elegantemente vestido se sienta en un escritorio ordenado que opera una interfaz abstracta que se fusiona con el mundo real mientras los mensajes de texto y los correos electrónicos vuelan en aviones de papel que aterrizan en un gato que duerme la siesta junto a una planta frondosa que enmarca a una persona que hace yoga mientras bebe kombucha y navega por un aplicación de la que emerge una mano gigante que firma un contrato con una pluma estilográfica de gran tamaño .
Seguro que lo has visto.
Hay cuatro culpables que amenazan la viabilidad a largo plazo de la ilustración en la web.
Culpable 1: las imágenes carecen de inteligencia
El origen
La ilustración tiene una rica historia de instigación. Durante cientos de años, se ha utilizado como una forma de comentario social. ¿Por qué? Porque aclara conmovedoramente la naturaleza compleja de los asuntos humanos. Cuando las personas son contradictorias, cuando las experiencias son confusas, la ilustración lo hace obvio en un instante.
El objetivo de la ilustración no es la controversia en sí misma. Más bien, el objetivo es hacer que las personas se detengan y reflexionen sobre un punto de vista, incluso si entra en conflicto con el suyo propio. En el mejor de los casos, la ilustración es el último momento ¡ajá!
El problema
La demanda actual de contenido visual ha privado gran parte de los poderes esclarecedores de la ilustración web contemporánea. En línea, la ilustración rara vez instiga; sobre todo, instruye o embellece.
En muchos sitios web, las ilustraciones son representaciones visuales 1 a 1 del texto con el que están emparejadas. ¡Prueba nuestra exclusiva función de programación! [Insertar ilustración monolínea del calendario]
O retratan a personas que viven escenarios de "mejor vida" gracias a los productos y servicios adquiridos. ¡Prueba nuestra exclusiva función de programación! [Insertar ilustración de un tipo de computadora portátil bebiendo café chocando los cinco con un calendario de cara sonriente]
Ninguno de los enfoques es lo suficientemente potente como para evitar que las ilustraciones de los sitios web pierdan su arrogancia narrativa.
El remedio
Algunos conceptos son difíciles de ilustrar. Hay productos y servicios que no son emocionantes ni se relacionan fácilmente con las experiencias humanas. Aquí, los ilustradores deben profundizar más durante la creación del concepto. Para descubrir los ángulos más convincentes de un tema, explore su lado oscuro.
- ¿Cuáles son los grandes puntos débiles y por qué existen?
- ¿Quién se ve más afectado financiera, profesional o emocionalmente?
- ¿Existen puntos de vista conflictivos o controvertidos entre empresas, clientes o expertos?
Preguntas como estas funcionan con la mayoría de los productos que se venden en línea. Como ilustradores, a menudo tenemos la tarea de mostrar lo bueno, pero si no entendemos lo malo, buscaremos tropos cansados. De hecho, este equilibrio positivo/negativo es un aspecto clave de la narración. Sin los mínimos, los máximos ilustrativos pierden su impacto.
Trabajo bien hecho: Gran Cartel
Culpable 2: Ruinas de imitación rampantes Novedad
El origen
La imitación y la creatividad no son diametralmente opuestas. Desde las primeras civilizaciones del mundo, los artistas y diseñadores han cultivado la creatividad a través de la mímica. Un estilo convincente llama la atención. Lo examinamos, lo deconstruimos y extraemos su técnica para mejorar nuestro propio trabajo. Esto es crecimiento.
En un mundo perfecto, la imitación se limitaría al aprendizaje y al comentario. Los estilos copiados se transformarían, tanto visual como conceptualmente. Rara vez funciona de esta manera.
El problema
La imitación rechaza la evolución. Cuando nos encontramos con un estilo popular y nos adherimos a su órbita, somos como aprendices del viejo mundo con un toque siniestro. Nos apropiamos indebidamente de los atributos estilísticos de los ilustradores que "seguimos" y promovemos los resultados como propios.
Las marcas son cómplices. La empresa X quiere el estilo de ilustración de la empresa Y, por lo que encargan una imitación. Sucede una y otra vez, sitio tras sitio, cada iteración introduce nuevas capas de entropía. Eventualmente, toda una industria emplea un desfile de clones degenerados, como Michael Keaton en Multiplicity .
No busque más allá del estilo de ilustración predominante del panorama SaaS. Es vergonzosamente homogéneo.
El remedio
Hay innumerables caminos más allá de la imitación. Ninguno requiere genio creativo o la exclusión de la inspiración externa. Todo lo contrario; los ilustradores necesitan una amplia exposición al material de referencia. Cuanto más vemos y almacenamos, más podemos reinterpretar. Son posibles una serie de ejercicios exploratorios:
- Mezcla de historia . Vuelva a imaginar un estilo de ilustración inspirador a través de los ojos de un artista consumado.
- Redibujado rápido . Dibuja cuidadosamente un objeto mientras haces referencia al estilo de otro ilustrador. Luego, vuelva a dibujar rápidamente el mismo objeto de 7 a 10 veces sin el estilo de referencia y adopte las peculiaridades que surjan.
- Agregar una regla . Cree una restricción que afecte el proceso de ilustración. Por ejemplo: sólo puedo dibujar líneas rectas. Pueden tener cualquier longitud o ángulo, pero deben ser rectos.
- Cambio de herramienta . Imita un estilo de ilustración con una herramienta de dibujo que no es adecuada para el trabajo. Por ejemplo, si el estilo se basa en líneas precisas, reprodúzcalo con tinta y un pincel de cerdas suaves.
- Interpretación ciega . Reúna una colección de 3 o 4 estilos de ilustración atractivos y pídale a un colega que describa uno por escrito. Deseche todos los estilos de referencia originales y use la descripción escrita para informar las opciones creativas.
Trabajo bien hecho: Toggl
Culpable 3: Los sistemas de ilustración se vuelven viejos y rígidos
El origen
La nuestra es una era de obsesión por los sistemas de diseño, que surge de la necesidad de mantener experiencias consistentes en múltiples puntos de contacto de la marca. No es que los sistemas de diseño sean nuevos. Los sistemas editoriales existen desde hace más de un siglo, pero el pensamiento sistémico es urgente dada la cantidad de canales digitales que las marcas utilizan ahora.
Del mismo modo, las marcas han empleado distintos estilos de ilustración durante décadas, pero los sistemas de diseño modernos introdujeron una nueva consideración: ¿Cómo hacemos que nuestro estilo de ilustración sea sistemático?
Los colores, las texturas, las relaciones de aspecto y los tipos de cuerpo se definen cuidadosamente. Los resultados se muestran con mucha fanfarria. El tiempo ha revelado un defecto.
El problema
La ilustración y el diseño de la interfaz no son lo mismo. Cuando un sistema de diseño informa el estilo de una interfaz, el resultado es una cohesión feliz que orienta a los usuarios dentro de su entorno digital. La arquitectura de la información es un hito. La navegación es un hábito. Pero un estilo ilustrativo dirigido por un sistema sofoca el impulso creativo, ese encendido repentino de nuevas ideas capturadas y refinadas frenéticamente.
No es que los sistemas sean inherentemente malos. Cuando los sistemas funcionan en apoyo de los conceptos de imagen, los ilustradores pueden encontrar realmente liberadoras las limitaciones. Pero cuando las imágenes se conciben a través de la lente de un sistema, las ideas se debilitan a medida que los ilustradores descansan en la falsa confianza de la cohesión: ¡Se ajusta al sistema, por lo que funciona!
Gradualmente, se dirige más esfuerzo al mantenimiento del sistema. Los grosores de línea y las prendas de vestir anulan los conceptos convincentes. Finalmente, el estilo y la habilidad narrativa de la ilustración se marchita y muere.
El remedio
La ilustración traduce la complejidad del ingenio y la emoción humana. Invita a los extraños a apreciar experiencias a las que quizás no estén acostumbrados. La capacidad de la ilustración para ser un vehículo de identidad de marca es secundaria. Estos no deben invertirse.
Para evitar que las imágenes se vuelvan rígidas, construya sistemas de ilustración sobre principios temáticos. La voz y los valores de una marca no son solo fuentes de decisiones estilísticas. Son estrategias de narración que se pueden ver, interpretar y volver a contar desde múltiples perspectivas: la del cliente, la de la empresa y la de la competencia.
Hay pasos prácticos que guían el desarrollo y la relevancia a largo plazo de los sistemas de ilustración:
- No te obsesiones con las reglas y los detalles que el espectador promedio no notará.
- Evite hacer cumplir las pautas del sistema de una manera que socave la intuición creativa.
- No bloquee los sistemas en las mismas paletas de colores que las marcas que representan.
- Ocasionalmente, rompa el sistema y desafíe a los espectadores invitando a ilustradores externos a que contribuyan con sus propios estilos únicos.
- Planifique la evolución del sistema y permita la experimentación incremental, incluso cuando el estilo actual sea bien recibido.
Trabajo bien hecho: Notion.so
Culpable 4: Las ilustraciones de archivo se usan en exceso
El origen
Muchas empresas requieren cantidades masivas de contenido visual en sus sitios web, pero las limitaciones de tiempo y presupuesto limitan la cantidad de gráficos personalizados que se pueden encargar. Para satisfacer la necesidad, las empresas recurren a los sitios de stock donde compran juegos de ilustraciones temáticos.
Desafortunadamente, es raro encontrar ilustraciones de stock que sean originales, de alta calidad e infrautilizadas (sin mencionar la marca).
El problema
Ha surgido una tendencia preocupante en el mundo de las ilustraciones de stock. En lo que solo puede describirse como un tributo equivocado a la era de las imágenes prediseñadas, ahora hay sitios de ilustración de mezcla y combinación que generan instantáneamente imágenes "personalizadas" al permitir que los usuarios definan variables como género, tono de piel y ropa. Las ilustraciones resultantes son una mancha en la credibilidad creativa de las empresas que las utilizan.
El remedio
Para las empresas con recursos limitados, hay dos formas de eludir el ambiente falso asociado con las imágenes de archivo. El primero puede venir como una sorpresa. Acepta las ilustraciones de stock de todo corazón. Vaya con todo. Utilice imágenes de stock sin reservas, pero encuentre formas de personalizarlas. ¿Cómo?
- Mezcle y combine estilos dispares de stock con collage digital.
- Combina ilustraciones de archivo con fotografías (incluso fotografías de archivo).
- Superponga elementos dibujados a mano como marcas Sharpie o trazos de pintura.
- Realice calcos de muestras de stock deformadas y distorsionadas digitalmente.
- Convierta el stock a escala de grises e infunda los colores de la marca con gráficos dibujados digitalmente.
La segunda forma de evitar el stock mientras se trabaja con un presupuesto es priorizar qué ilustraciones se necesitan más y pedir un juego pequeño. Tal vez esto signifique encargar cinco ilustraciones para la página de inicio. A corto plazo, proporcionarán un impacto visual y, más adelante, se pueden usar para informar un conjunto más grande de ilustraciones para otros canales.
Trabajo bien hecho: Bloomberg Businessweek
Crear ilustraciones de diseño web con un propósito
En la web, la ilustración hace que los servicios sean más identificables y los productos más deseables. Fortalece la narración de la marca y ayuda a los visitantes del sitio web a comprender los flujos interminables de información que encuentran a diario. Pero simplemente tener ilustraciones en un sitio web no es suficiente.
Las ilustraciones que no van más allá de las representaciones 1 a 1 de su texto correspondiente son una oportunidad de participación desperdiciada. Del mismo modo, hay poco valor en las ilustraciones que podrían confundirse como pertenecientes a una de cientos de otras marcas.
Las ilustraciones deben cautivar a los espectadores con un punto de vista único, estilística y conceptualmente. No tienen que ser complejos, fotorrealistas o llenos de color para llamar la atención, pero sí necesitan iluminar algo interesante sobre sus sujetos de una manera que las palabras, las fotos y los diagramas no pueden.
La ilustración ha llegado para quedarse. Sus poderes comunicativos son demasiado persuasivos para ser descartados. Pero para las empresas y los ilustradores que no logran explorar el potencial expresivo de la ilustración, su valor será fugaz.
• • •
Lectura adicional en el blog de diseño de Toptal:
- Brand Illustration 101: Visualización de la narrativa
- Una guía paso a paso para diseñar ilustraciones personalizadas sin ninguna habilidad de dibujo
- Explorando los Principios Gestalt del Diseño
- Retrospectiva de tendencias de diseño de UX 2019
- Los principios del diseño y su importancia