¡Hola a todos!
Partiendo de los ejemplos analizados en la PEC2, mi propuesta consiste en el desarrollo de un cartel generativo usando Processing como herramienta principal. El objetivo es explorar nuevas relaciones entre forma, color y estructura, aprovechando los materiales disponibles en las carpetas de los diferentes proyectos (altos, bajos, copy, fonts, medios, static, formas, círculos, líneas).
A diferencia de los ejemplos analizados, que se enfocan principalmente en la disposición regular de imágenes dentro de cuadrículas, este proyecto busca romper la rigidez compositiva introduciendo reglas que generen tensión entre orden y caos, así como dinamismo y variación.
Ontología
Siguiendo la ontología propuesta por David Casacuberta, podemos clasificar los elementos de este proyecto de la siguiente manera:
|
Categoría Ontológica |
Elemento | Carpeta | Función en el diseño | Carácter (Fijo / Variable) |
|
Elementos primarios |
Imágenes principales | altos, bajos, medios, static | Base visual del cartel | Variable (se seleccionan aleatoriamente) |
|
Elementos secundarios |
Formas geométricas simples (líneas, círculos, polígonos) | formas, líneas, círculos | Aportan dinamismo visual |
Variable en tamaño, posición y color |
|
Elementos textuales |
Textos | copy | Elemento informativo y compositivo |
Variable (posición) |
|
Colorimetría |
Paleta de color generada por el programa | — | Determina la colorimetría del cartel |
Variable (basada en combinaciones controladas) |
| Estructura | Rejilla invisible de referencia | — | Guía la disposición, pero no se muestra |
Fija |
Reglas generativas
El programa se ejecuta en base a una serie de reglas que establecen cómo interactúan los distintos elementos. Estas normas delimitan la acción de la aleatoriedad, asegurando al mismo tiempo coherencia y variedad en los resultados:
- Rejilla flexible: El cartel se organiza sobre una rejilla flexible que combina bloques regulares, similares a los de los ejemplos 3 y 4, con zonas libres donde los elementos pueden salirse de los límites, creando composiciones más orgánicas.
- Superposición: Las capas se ordenan de la siguiente manera: fondo cromático → formas geométricas → imágenes principales → texto. Se aplican transparencias de manera aleatoria dentro de un rango del 30–70 %, permitiendo que los elementos interactúen visualmente sin perder legibilidad.
- Color dinámico: La paleta parte de cinco tonos base (rojo, azul, verde, rosa y naranja). Cada ejecución genera variaciones dentro de la misma gama.
- Escala: Las imágenes de las carpetas “altos” y “bajos” varían su tamaño entre un 80 % y un 120 % de su escala original, adaptándose a la composición sin perder sus proporciones.
- Tipografía: Los textos (copy) varían en posición, contribuyendo a la dinamización del diseño.
- Equilibrio: Se evalúa la densidad de elementos en cada cuadrante del cartel para evitar concentraciones excesivas en una sola zona. Si se detecta un desequilibrio, algunos objetos se reubican automáticamente.
- Exportación: Cada ejecución genera una serie de 10 carteles en formato JPG.
Resultado
Fuente 1. Ejemplo de 3 carteles generados con la propuesta comentada. Elaboración propia.
Variaciones y valoración reflexiva
Al principio, en el desarrollo del código, se había establecido que el elemento static estuviera en sintonía con el copy, sin una restricción fija, buscando mayor flexibilidad. Sin embargo, al observar los resultados, se notó que esto rompía significativamente la armonía visual del diseño. Por esta razón, se decidió finalmente tratar static como un elemento estático, siguiendo el ejemplo de los casos analizados previamente, donde la idea funcionaba de manera más coherente.
En cuanto a la gama cromática, se exploraron varias alternativas de color con el objetivo de encontrar combinaciones que mantuvieran la legibilidad y la armonía visual. No se trató solo de escoger colores agradables, sino de asegurar que los cambios aportaran claridad y cohesión al conjunto.
Además, se hicieron pruebas con las proporciones y la disposición de los elementos dentro de la cuadrícula. La idea era encontrar un equilibrio entre mantener un orden claro y permitir cierta libertad creativa: aunque se permitieran pequeñas variaciones que rompieran ligeramente la estructura, se buscaba que todo siguiera teniendo sentido visual y no generara sensación de caos.
En resumen, este proceso ayudó a encontrar un punto medio entre creatividad y coherencia, logrando que el diseño fuera flexible y dinámico, pero sin perder su armonía y coherencia.





Este es un espacio de trabajo personal de un/a estudiante de la Universitat Oberta de Catalunya. Cualquier contenido publicado en este espacio es responsabilidad de su autor/a.