¡Hola a todos!

Mi propuesta para este proyecto se basa en la creación de un sistema generativo para etiquetas de café instantáneo, tomando como punto de partida el ejemplo de Sottosopra y aplicando técnicas de diseño generativo mediante Processing. En este proyecto, el programa tiene en cuenta los datos disponibles de la base de datos de la marca (ficticia) los cuales constan de tres variables fundamentales del producto:

1. Tipo de café (cafeinado o descafeinado)
2. Sabor (vainilla, chocolate, avellana, caramelo, etc.)
3. Intensidad (nivel del 1 al 7)

A partir de estos datos, el programa exporta diferentes etiquetas teniendo en cuenta, formas, texturas, etc., para cada variable, siendo coherente con la imagen de la marca.

El objetivo principal es obtener diversas etiquetas teniendo en cuenta las variables anteriores y que sean reconocibles para cada tipo. Se busca un equilibrio entre orden y variación orgánica, de modo que cada etiqueta sea reconocible dentro de una misma familia pero mantenga su propia identidad.

 

Ontología

Siguiendo la ontología propuesta por David Casacuberta, podemos clasificar los elementos de la siguiente manera:

Categoría Ontológica	Elemento	Origen	Función en el diseño	Carácter (Fijo / Variable)
Fondo de la etiqueta	Color de fondo	Código	Relaciona cada sabor a través de un color	Variable  (color según sabor y tipo)
	Patrón del fondo	data/formas	Genera un patrón único para cada sabor de café	Variable (escala, posición y rotación)
Elementos textuales	Textos (marca, tipo, sabor)	Código	Proporcionan información y jerarquía visual	Fijo (contenido y posición)
Indicadores	Formas geométricas (“gotas de café”)	Código	Proporcionan información sobre la intensidad del café	Variable (según intensidad indicada en el CSV)
Estructura	Composición por capas	Código	Ordena fondo, formas, recuadro informativo y texto, asegurando equilibrio y jerarquía visual	Fija (orden de capas y composición)

 

Reglas generativas

El programa traduce las tres variables del CSV en decisiones visuales teniendo en cuenta las siguientes reglas:

1. Tipo de café: El tipo de café determina el carácter visual y la paleta de colores del fondo:
   1. Cafeinado: colores más contrastados y vivos.
   2. Descafeinado: tonos suaves y desaturados.
2. Intensidad: La intensidad se representa mediante gotas generadas automáticamente por el programa. La cantidad de gotas refleja el nivel de intensidad indicado en la base de datos, proporcionando un indicador visual inmediato del producto.
3. Color de formas y fondo: El color de las formas se genera de manera controladamente aleatoria, considerando el tipo de café y garantizando que un mismo sabor pueda variar según esté cafeinado o descafeinado:
   1. Cafeinado: formas de tonalidad clara.
   2. Descafeinado: formas de tonalidad oscura.
4. Orden de los elementos: El programa organiza los elementos de la etiqueta en capas, asegurando claridad y jerarquía visual:
   1. Fondo generativo
   2. Formas geométricas asociadas al sabor
   3. Recuadro central que contiene la información del café: nombre de la marca, tipo, sabor e intensidad

5. Exportación automática: Cada ejecución genera automáticamente una etiqueta por cada línea del CSV. Los archivos se exportan en formato JPG.

 

Resultados

Fuente 1. Ejemplo de 4 etiquetas generadas con la propuesta comentada. Elaboración propia.

 

Variaciones y valoración reflexiva

Respecto a las variaciones, el programa ha pasado por diferentes versiones. En un primer momento, el fondo era uniforme y, según el sabor, se añadía una línea horizontal con un patrón aleatorio de formas:

Fuente 2. Ejemplo de la propuesta de la línea horizontal con un patrón de formas.

Sin embargo, este resultado resultó demasiado básico, por lo que se ajustó para que cada sabor tuviera un fondo de color propio y un patrón de formas distribuidas, rotadas y escaladas de manera diferente en cada diseño.

Tras esta mejora, se detectó la necesidad de diferenciar las etiquetas de los cafés con cafeína y los descafeinados. Para ello, se readaptó el código y se modificaron los nombres de los archivos, estableciendo la siguiente regla:

• Cafeinado: colores más contrastados y vivos, con formas en tonos claros.
• Descafeinado: colores de tonos suaves y desaturados, con formas más oscuras.

Por otro lado, se definió un color fijo para los elementos de la etiqueta.

Finalmente, el indicador de intensidad, que inicialmente se mostraba en formato texto, pasó a representarse como una barra. Más adelante, se optó por un diseño de “gotas” de café generadas mediante código, aportando mayor coherencia con el producto.

Fuente 3. Ejemplo de una de las propuestas de indicación de las características del café.