Sistemas de Ilustración de Marca: Dibujando una Fuerte Identidad Visual

Publicado: 2022-03-10
Resumen rápido ↬ Las ilustraciones de marca son una forma adaptable y efectiva de construir la marca visual de una empresa. En este artículo, Yihui Liu describe su proceso para desarrollar un sólido sistema de ilustración de marca. Su enfoque se ha refinado a lo largo de 10 años de estudio y experiencia profesional en China y Europa, y extrae ejemplos de su último trabajo como diseñadora principal en Spacebase.

En la avalancha de contenido en línea, las empresas viven o mueren por su imagen de marca. Una imagen de marca debe expresar el mensaje de la empresa y conectarse con los usuarios, quienes deben reconocerla instantáneamente en diferentes medios, incluso fuera del sitio web de la empresa y del contenido de marketing. Una imagen de marca sólida es como un ancla que ayuda a garantizar la vinculación del usuario y a fijar asociaciones de valor.

La imagen de marca generalmente se construye a partir de diferentes elementos visuales: logotipos, paleta de colores, una fuente en particular. Junto a estos, las ilustraciones son otro poderoso medio de comunicación visual que tienen cada vez más demanda para la interfaz de usuario en línea.

¿Por qué? Porque las ilustraciones introducen elementos narrativos en el contenido visual y permiten expresar emociones más sutiles o situaciones más complejas. Incluir figuras humanas hace que las ideas sean activas y accesibles, a menudo de una manera alegre o caprichosa. Las ilustraciones se alejan del realismo y te permiten construir el mundo tal como lo ve la marca .

Esta es una pieza importante en el gran rompecabezas de las campañas en línea. El diseño digital, que utiliza vectores, favorece las imágenes limpias y audaces que se traducen bien en ilustraciones de marca distintivas. En lugar de diseños de un solo uso, estas ilustraciones en línea se utilizan como parte de sistemas visuales completos. Las imágenes en un sistema de ilustración comparten un estado de ánimo o estilo unificador, lo que las hace identificables con la imagen y el mensaje más amplios de la marca, incluso si representan diferentes aspectos de un producto o servicio.

Los sistemas de ilustración aumentan el alcance y la profundidad de los mensajes que una empresa comunica visualmente sobre sí misma, desde declaraciones de misión hasta soporte práctico del producto, al tiempo que fortalecen la imagen de marca.

¡Más después del salto! Continúe leyendo a continuación ↓

Proceso de diseño

Entonces, ¿cómo debe diseñar un sistema de ilustración de marca efectivo? Te llevo a través de mi proceso de diseño, con ejemplos de la revisión reciente que llevamos a cabo en Spacebase.

Investigue la marca

Lo primero es lo primero: conozca la marca para la que diseñará. Esto puede sonar obvio, pero no subestimes el trabajo que implica. Incluso si cree que ya tiene un conocimiento práctico, vale la pena invertir tiempo para actualizar o profundizar su comprensión de la marca.

Profundice en la cultura detrás de la empresa y sus productos o servicios. ¿Cuál es su mensaje principal, qué formas adopta su identidad visual actual y en qué dirección quiere crecer la empresa?

Investigar esto a fondo al principio te ahorrará dolores de cabeza y callejones sin salida más adelante.

Comprender las necesidades de las partes interesadas

Además de hacer su propia investigación, deberá hablar con la parte interesada. Esta conexión es crucial para el éxito de su diseño, así que involúcrelos desde el principio y manténgalos actualizados con el proceso.

Obtenga respuestas a preguntas clave sobre el diseño: ¿dónde aparecerán las ilustraciones y qué necesitan expresar? ¿En qué tipo de situaciones y emociones podrían jugar? ¿Cuáles son los parámetros técnicos con los que necesita trabajar?

En esta etapa, es posible que la parte interesada no tenga muy claro lo que quiere. No obstante, debe escuchar atentamente sus aportes y considerar sus expectativas en relación con los objetivos del negocio y su imagen de marca más amplia.

En Spacebase, el objetivo era hacer que la plataforma de reservas en línea fuera más accesible y humana. Reflexioné profundamente sobre la relación entre las salas de reuniones y las personas que las utilizan. Queríamos capturar el mensaje de la marca de salir de los espacios de trabajo regulares a otros nuevos y emocionantes, de una manera fluida, conveniente y de apoyo. Los diseños tenían que parecer amigables, modernos y simples.

Organizar Inspiración

Un moodboard es esencial para familiarizarse con la información que recibe y organizar sus ideas. Recopile imágenes de competidores o empresas en el campo con cualidades similares a su objetivo previsto y luego compílelas en un recurso. Mirar lo que te inspira puede ser una guía para el tono general que deseas lograr y sugerir el camino hacia una primera iteración. Este también es un material útil para mostrar a las partes interesadas, ya que les da una idea de la dirección que tomarán las ilustraciones antes de que comience el trabajo de creación de conceptos.

Algunas de las ilustraciones de la marca que me inspiraron. (Vista previa grande)

Para el diseño de Spacebase, me inspiré particularmente en las ilustraciones de Airbnb, IBM y Shopify. El diseño simple de personas y espacios realmente me llamó la atención, y me interesó cómo las paletas de colores tenues mantienen las ilustraciones enfocadas, sin sobrecargar los elementos pictóricos. Producen una impresión de calma, calidez e inclusión.

Creación de concepto

Después de investigar y hacer moodboards, empiezo a dibujar en Adobe Illustrator. A veces uso una tableta Wacom, pero principalmente me pego a mi mouse con la herramienta Pluma. Uso formas para crear una estructura básica y uso la herramienta Pluma para agregar detalles y mejorar el contorno básico.

Dibujo en pantalla. (Vista previa grande)

Tenga en cuenta que las imágenes que diseñe deben ser coherentes para formar un sistema uniforme, no formar escenas independientes. Entonces, incluso si esta es la primera iteración, intente darle a las ilustraciones un sabor distintivo que podrá replicar en diferentes diseños en el futuro. Es posible que esto no ocurra al principio, pero busque una lógica interna para las ilustraciones de la marca y trate de ser coherente con esto en sus decisiones.

Con las ilustraciones de Spacebase, nos enfocamos en los personajes humanos y el esquema de color como formas de mantener las imágenes en línea con otros elementos visuales de la marca.

La evolución del banner de correo electrónico para confirmaciones de reservas. (Vista previa grande)

Empecé a dibujar los personajes humanos con contornos básicos, para tener una idea de las emociones que representarían y cómo habitarían los espacios interiores. Quería líneas fluidas para darles perfiles dinámicos y sugerir movimiento. También quería evitar cualquier cosa que pareciera demasiado pesada: ligero y amigable eran palabras clave. La diversidad también era importante para mí, ya que Spacebase es una empresa internacional y siempre quiero que los espectadores de las ilustraciones se vean a sí mismos.

Además de las figuras humanas, quería que los objetos y los entornos tuvieran un estilo distintivo: abstracto, futurista y de diseño vanguardista. Queríamos mostrar interiores que sean luminosos, hermosos, que involucren a los usuarios en la dinámica espacial y con objetos que sugieran un entorno de trabajo profesional idealizado. Al mismo tiempo, estos no debían distraer la atención. Spacebase tiene que ver con salas de reuniones inspiradoras, pero su marca tiene más que ver con las personas que usan estos espacios. Esto tomó muchas iteraciones para hacerlo bien.

Explorando diferentes líneas y paletas de colores. (Vista previa grande)

Después de refinar los bocetos, pensé en un esquema de color. Los colores son poderosos y provocan reacciones instantáneas, por lo que era importante para mí no sobrecargar las ilustraciones. Quería tonos sutiles para realzar y complementar las escenas. El esquema de color también debe reflejar la personalidad de la marca y combinar con sus otros elementos visuales. Para el esquema de color de Spacebase, era importante romper con el monocromo y mantenerse alejado de los colores monótonos normalmente asociados con las salas de reuniones. El color principal de su marca es el naranja, así que lo equilibré con tonos pastel más fríos: morado, azul cielo, gris y amarillo mostaza.

Realimentación

Después de la primera iteración, obtenga todos los comentarios que pueda.

Claramente, debe hablar con la parte interesada principal para conocer su opinión sobre su diseño. Pero también trate de buscar la opinión de los usuarios o colegas, si los tiene, especialmente las personas que no trabajan en diseño. Sus respuestas pueden guiarlo hacia los próximos pasos que debe seguir para mejorar las ilustraciones. Diseñe para usuarios objetivo reales, en lugar de necesidades imaginarias.

En general, prefiero escuchar acerca de las frustraciones de las personas al escuchar sus elogios. Los elogios son agradables pero no terriblemente útiles. Conocer los puntos débiles de los usuarios (o algo que no tiene sentido para ellos visualmente) indica dónde centrar su atención. Incluso si no están de acuerdo con sus propias ideas, las partes interesadas y sus usuarios deben amar el diseño. El buen diseño está en el ojo del usuario.

Una de las ilustraciones con las que más luché en Spacebase fue el banner de los correos electrónicos de cancelación. Los clientes los reciben cuando han cancelado su propia reserva o cuando Spacebase ha tenido que cancelarla.

A nadie le gustan las malas noticias, así que quería que el diseño compartiera su decepción y sugiriera simpatía y comprensión. Sin embargo, las primeras versiones eran demasiado pesadas. Los colegas dijeron que se sentía como el fin del mundo, que se había dictado una sentencia drástica. Tomó mucho tiempo (y muchas iteraciones) moverse en una dirección diferente.

El diseño para la cancelación de reservas tomó muchas iteraciones. (Vista previa grande)

Al final, eliminamos las figuras humanas por completo. Esta fue una forma de evitar que la ilustración se volviera demasiado cargada de emociones y darle una sensación más neutral. La última iteración minimiza el drama: reconoce un problema a través de representaciones semiabstractas de pantallas, pero también apunta a un futuro más allá de la cancelación.

Biblioteca de referencia

A medida que crea sus ilustraciones, es útil crear una biblioteca de los diferentes elementos que ya ha utilizado. Esto significa que puede volver a consultarlos en el futuro y asegurarse de mantener el estilo y sentirse coherente en diferentes ilustraciones. Mantener la coherencia de sus ilustraciones es clave para la eficacia general de su sistema a largo plazo.

Biblioteca de imágenes de figuras humanas. (Vista previa grande)
Biblioteca de imágenes para objetos. (Vista previa grande)

Repetir

Esté preparado para pasar por este proceso muchas veces.

Pasamos por muchas etapas para llegar a las iteraciones finales. (Vista previa grande)

La iteración constante es la parte más importante de producir una identidad visual exitosa. Siga creando nuevas versiones, obteniendo comentarios y redactando nuevas iteraciones. Todo es un prototipo y debe permanecer abierto a los ajustes para que su marca sea lo más identificable posible para los usuarios . Mantenga a las partes interesadas actualizadas e involucradas y prepárese para giros inesperados: el diseño también es un viaje y cada paso lo acerca a un resultado excepcional.

Mientras te sumerjas en la investigación y la retroalimentación, estarás yendo en la dirección correcta. Eso es lo que encuentro más gratificante del diseño: me motiva el proceso en curso y cuando siento que estoy mejorando constantemente las cosas, estoy feliz de hacer lo que hago.

Las ilustraciones de la marca Spacebase han ayudado a consolidar la identidad de la marca. (Vista previa grande)