Ejercicio 1 IA Diseño

[mr_rating_result]

Ejercicio resuelto: “Cartel de un curso de IA aplicada al diseño”

 

0) Objetivo del ejercicio

Crear un cartel promocional (formato apaisado 1920×1080) para un curso ficticio: “IA aplicada al Diseño”. Practicaremos:

Redacción de briefing.

Prompting básico y avanzado.

Iteraciones guiadas (estilo, composición, color, tipografía simulada).

Evaluación y selección final.

Herramienta sugerida (gratuita): Bing Image Creator / Copilot Designer (modelo de difusión estilo DALL·E).

Alternativas: Adobe Firefly, Leonardo AI, Stable Diffusion WebUI (si lo tienes).

 

1) Briefing de diseño (resuelto)

Título: IA aplicada al Diseño

Subtítulo: Introducción práctica a IA generativa para diseño gráfico, web y de producto

Formato: 1920×1080 (apaisado)

Estilo: minimalista con acentos dorados y fondo azul oscuro; toques de surrealismo tecnológico (microchips → patrones orgánicos)

Jerarquía: Título > Subtítulo > Fecha ficticia/CTA

Público: Diseñadores junior y perfiles creativos

CTA: “Inscríbete hoy · plazas limitadas”

Restricciones: Evitar logotipos reales; tipografías limpias estilo grotesk (simuladas)

Entrega: PNG apaisado

2) Prompt inicial (v1)  generación 1

“Cartel horizontal 1920×1080 para un curso llamado ‘IA aplicada al Diseño’. Diseño minimalista, fondo azul oscuro con elegantes acentos dorados. Estilo artístico- tecnológico surrealista: trazos de circuitos abstractos que se transforman en formas orgánicas. Título claro en fuente sans serif grande, subtítulo más pequeño y un área para botón de llamada a la acción. Profesional, limpio, alto contraste,espacio negativo equilibrado, composición centrada, cartel editorial moderno, iluminación de estudio, 8K — sin logotipos.”

 

Resultado esperado (descripción):

Fondo azul oscuro con líneas doradas abstractas.

Título legible en zona superior o central.

Buen contraste y espacio en blanco.

Posible problema: la IA podría “dibujar” texto poco legible o pseudo- tipografía.

 

Evaluación rápida (checklist 0–2):

Formato y orientación: 2 (apaisado).

Paleta (azul+dorado): 2.

Jerarquía textual legible: 1 (texto IA suele ser ficticio).

Estilo minimalista/tech-art: 2.

Área para CTA: 1 (quizá sugiere, pero no perfecto).

Total v1: 8/10

 

Ajuste de prompt (v2) — composición y lectura

Añadimos instrucciones para “reservar” zonas de texto (aunque la IA no insertará tipografía real, sí puede dejar huecos).

 

Mismo concepto de cartel. Reserva un área rectangular limpia en la parte superior central para el título principal (espacio vacío, sin texto). Reserva una zona más pequeña para el subtítulo debajo. Reserva un área para el botón de llamada a la acción en la parte inferior derecha (espacio vacío). Mantén el fondo azul oscuro y los elegantes acentos dorados. Punto focal ligeramente desplazado del centro.

Evita texturas recargadas cerca de las zonas de texto. Estilo minimalista, cuadrícula editorial, equilibrio asimétrico.” Resultado esperado:

Claras zonas vacías para título/subtítulo/CTA.

Fondo más contenido cerca del texto.

Mejor equilibrio asimétrico.

 

Evaluación (0–2):

Zonas reservadas: 2.

Foco y equilibrio: 2. Ruido visual cerca del texto: 1 (puede quedar algún trazo).

Total v2: +5 (acumulado 13/15 cualitativo)

4) Variante estilística (v3) — “Bauhaus moderno”

Probamos un estilo alternativo para comparar.

“Versión alternativa en estilo Bauhaus moderno: formas geométricas, paleta inspirada en colores primarios adaptada al azul oscuro con acentos dorados, fuerte uso de cuadrícula, formas simples y audaces, zonas con alta legibilidad reservadas para título, subtítulo y llamada a la acción (sin texto). Sombreado plano, cartel editorial, formato 1920×1080, minimalista..”

 

Resultado esperado:

Formas geométricas simples, composición en retícula.

Paleta ajustada al azul+dorado con guiños primarios.

Zonas de texto muy claras.

Evaluación (0–2):

Coherencia Bauhaus (moderna): 2.

Legibilidad futura (huecos limpios): 2.

Identidad del curso (IA+diseño): 1 (menos “tech-orgánico”).

Total v3: 5/6

 

5) Refinado final (v4) — control de detalles

Añadimos “negative prompting” y microinstrucciones:

“Refina el concepto de la versión 2. Mantén el fondo azul oscuro con acentos dorados elegantes. Asegura gradientes suaves, bordes limpios y bajo nivel de ruido. Sin texto ni letras falsas. Reserva áreas limpias y vacías: título (parte superior izquierda), subtítulo (debajo) y llamada a la acción (parte inferior derecha). Añade líneas tecnológicas-orgánicas sutiles que guíen la mirada hacia el título. Composición equilibrada asimétrica, fuerte jerarquía visual, formato 1920×1080.”

 

Resultado esperado:

Líneas que guían la mirada al título (arriba izquierda).

Gradientes suaves, menos ruido.

Claras tres zonas vacías.Evaluación (0–2):

Guía visual al título: 2.

Limpieza/ruido: 2.

Zonas definidas: 2.

Total v4: 6/6 → versión recomendada

 

6) Simulación de maquetación (añadir texto real)

Aunque la imagen no trae tipografía real, en tu editor (Figma/Illustrator/Canva) coloca:

Título (H1): IA aplicada al Diseño (peso semibold, sans serif grotesk).

Subtítulo (H3): Introducción práctica a IA generativa para diseño gráfico, web y de producto.

CTA (botón simulado): Inscríbete hoy · plazas limitadas

Sugerencias de tipografías (similares gratuitas):

Inter, Manrope, Outfit, Plus Jakarta Sans.

Paleta final (ejemplo):

Azul noche: #0B1B33

Azul medio: #143A66

Dorado suave: #C9A44A

Blanco: #FFFFFF

Gris neutro: #B5BDCA

 

7) Entregables (resueltos)

Imagen base: versión v4 1920×1080 (exportada desde la herramienta).

Composición final: la misma imagen con textos reales añadidos en tu editor.

Notas de diseño (resumen de por qué v4): mejor lectura, jerarquía, guía visual y equilibrio.

Compártelo en tus redes

[mr_rating_form]

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestra web. Si sigues utilizando este sitio asumimos que estás de acuerdo. VER