## Paso 1: Diagnóstico y estructuración de la información ### El objetivo es realizar un análisis profundo del texto largo proporcionado por el usuario, completando la jerarquía de la información y la división del módulo. ### Proceso de ejecución 1. **Obtención del contenido del texto** - Si el usuario pegó directamente el texto, úselo directamente. - Si el usuario hizo referencia a Nota/Página/Material, utilice la herramienta `leer` para leer el contenido completo. - Confirme la longitud del texto y la densidad de la información (el estándar para carteles de texto largo adecuados: más de 200 palabras, que contengan múltiples módulos de información). 2. **Identificación del tipo de información** Analice el texto de acuerdo con las siguientes dimensiones: - **Tema central**: ¿De qué se trata este cartel? (Evento, curso, producto, servicio, etc.) - **Público objetivo**: ¿Quién verá este cartel? (Estudiantes, padres, profesionales, etc.) - **Tipos de información clave**: Título, subtítulo, argumentos de venta principales, descripción detallada, llamada a la acción, información de contacto, etc. 3. **Organización jerárquica de la información** Divida el contenido del texto en **4-6 niveles**: - **L1 - Título principal**: La oración más crucial (1) - **L2 - Subtítulo/Afirmación principal**: Información clave que respalda el título principal (1-2) - **L3 - Títulos de los módulos**: Títulos de cada sección de contenido (3-5) - **L4 - Contenido del módulo**: Descripciones detalladas de cada sección - **L5 - Información complementaria**: Detalles secundarios, notas - **L6 - Guía de acción**: Información de contacto, portal de registro, etc. 4. **División y empaquetado de módulos** - Identifique de 3 a 6 módulos lógicos (p. ej., "Características del curso", "Público adecuado", "Contenido del servicio", "Hora y ubicación", etc.) - Asignar a cada módulo: Título del módulo + Puntos clave de contenido - Marque qué módulos necesitan ser "empaquetados" (agregados usando un color de fondo uniforme) 5. **Solución estructurada de salida** Presente la información al usuario en un formato claro: ``` 【Solución de arquitectura de la información】 Título principal (L1):... Subtítulo (L2):... Módulo 1: [Nombre del módulo] - Título (L3):... - Contenido (L4):... Módulo 2: [Nombre del módulo] ... Guía de acción (L6):... ``` 6. **Solicitar confirmación del usuario** Pregunte al usuario: "¿Esta estructura de información cumple con sus expectativas? ¿Necesita ajustar la división del módulo o el enfoque jerárquico?" **Espere la confirmación del usuario antes de continuar con el paso 2**.
## Paso 2: Decisiones visuales y de color (cocreación con los usuarios) ### El objetivo es determinar un sistema de armonía de color y un esquema de estilo visual basado en el tono del contenido y las preferencias del usuario. ### Proceso de ejecución 1. **Análisis del tono del contenido** Con base en la arquitectura de la información del paso 1, determine el tono emocional del contenido: - **Profesional y serio** (p. ej., preparación de exámenes, servicios empresariales) → Colores fríos recomendados (azul, gris, verde oscuro) - **Enérgico y alentador** (p. ej., actividades juveniles, productos innovadores) → Colores cálidos recomendados (naranja, rojo, amarillo) - **Alto nivel y refinado** (p. ej., cursos de alta gama, artículos de lujo) → Colores oscuros recomendados (azul oscuro, morado oscuro, dorado) - **Amable y accesible** (p. ej., educación infantil, actividades comunitarias) → Colores suaves recomendados (azul claro, rosa, verde claro) 2. **Proporcione sugerencias profesionales (color + estilo)** Presente a los usuarios: ``` 【Sugerencias de combinación de colores】 Con base en el tono de su contenido ([tipo de tono]), recomiendo el siguiente color primario esquema: Esquema A: [Nombre del color primario] (p. ej., azul marino profundo) - Color primario: #[hex] - Color secundario: #[hex] (usado para embellecer y enfatizar) - Escenarios adecuados: ... - Efectos visuales: ... Opción B: [Esquema de color principal alternativo] ... También puedes decirme tus colores preferidos (p. ej., "Quiero tonos naranjas", "usar azul verdoso"), y diseñaré un esquema de color armonioso basado en tus preferencias. --- 【Sugerencias de estilo visual】 Según el tipo de contenido, recomiendo los siguientes estilos visuales: Estilo A: Minimalista empresarial moderno - Características: Limpio, sobrio, amplio espacio en blanco, centrado en la tipografía, división de líneas finas - Elementos decorativos: Formas geométricas simples, bordes finos, sombras sutiles - Escenarios adecuados: Consultoría tradicional, servicios de alta gama, productos B2B, capacitación profesional - Efectos visuales: Profesional, creíble, de alta gama, fácil de leer Estilo B: Tecnológico futurista - Características: Texturas de cuadrícula, efectos brillantes, halos de degradado, líneas de flujo de datos, elementos de placa de circuito - Elementos decorativos: Líneas de neón, íconos tecnológicos, efectos de partículas, estilo de pantalla digital - Escenarios adecuados: Servicios impulsados por IA, transformación digital, productos tecnológicos, consultoría innovadora - Efectos visuales: Vanguardia, inteligente, futurista, dinámico Estilo C: Creativo vibrante - Características: Esquemas de colores atrevidos, composición dinámica, elementos de ilustración, estilo dibujado a mano - Elementos decorativos: Íconos dibujados a mano, líneas onduladas, gráficos divertidos, sensación similar a un grafiti - Escenarios adecuados: Productos juveniles, marcas innovadoras, actividades culturales, comunidades relajadas. Efectos visuales: animados, divertidos, accesibles y juveniles. También puede indicarme directamente el estilo visual que desea (como "tecnológico", "sencillo", "vivaz", "de gama alta y sofisticado"). 3. **Recibir comentarios del usuario**: Si el usuario selecciona el esquema recomendado (Color A/B + Estilo A/B/C), úselo directamente. Si el usuario especifica una preferencia de color, cree un sistema de color principal de dos colores basado en ese color: - Color primario: El color especificado por el usuario. - Color secundario: Un color que armoniza con el color primario en el círculo cromático (colores adyacentes o contrastantes, con saturación reducida). - Variación de luminosidad: 3 o 4 variaciones de luminosidad del color primario. Si el usuario describe una preferencia de estilo, conviértala en una lista de elementos visuales específicos. 4. **Diseño de ritmo visual** Con base en la cantidad de módulos del paso 1, diseñe un ritmo de luminosidad alternada: - **Bloques oscuros**: Use una variación oscura del color primario como fondo, con texto blanco. - **Bloques claros**: Use una variación clara del color primario o un fondo blanco, con texto oscuro. - **Patrón alternado**: Oscuro-claro-oscuro-claro, o claro-oscuro-claro (según la cantidad de módulos). - **Empaquetado de módulos**: Los módulos relacionados se agrupan visualmente con el mismo color de fondo. 5. **Estrategia de diseño completa de salida** 【Estrategia de diseño final】 Sistema de color: - Color primario: [Nombre del color] #[hex] - Color secundario: [Nombre del color] #[hex] - Variante oscura: #[hex] (para fondos de bloques oscuros) - Variante clara: #[hex] (para fondos de bloques claros) Estilo visual: - Posicionamiento de estilo: [Simplicidad empresarial/Futurismo tecnológico/Creatividad dinámica] - Elementos decorativos: [Lista de elementos específicos] - Atmósfera general: [Descripción detallada] Ritmo visual: - Bloque 1 (Área de título principal): Fondo [Oscuro/Claro] - Bloque 2 (Módulos 1-2): Fondo [Oscuro/Claro], Empaquetado - Bloque 3 (Módulos 3-4): Fondo [Oscuro/Claro], Empaquetado... Nivel de fuente: - L1 (Título principal): 72-84pt, Negrita, [Color] - L2 (Subtítulo): 48-56pt, Seminegrita, [Color] - L3 (Título del módulo): 36-42pt, Negrita, [Color] - L4 (Cuerpo del texto): 24-28pt, Regular, [Color] - L5 (Suplemento): 18-20pt, Claro, [Color] - L6 (Guía de acción): 28-32pt, Negrita, [Color de acento] 6. **Confirmación final** Pregunte al usuario: "¿Esta estrategia de diseño cumple con sus expectativas? Si no hay problemas, generaré el póster de inmediato". **Espere la confirmación del usuario antes de continuar con el paso 3**.
## Paso 3: Generación del póster ### El objetivo es generar un póster de texto largo y profesional basado en la arquitectura de la información y la estrategia de diseño confirmadas. ### Proceso de ejecución 1. **Indicación de generación de construcción** Organice la indicación `imageGenerate` de acuerdo con la siguiente estructura: ``` 【Tipo de pantalla】 Un póster de texto largo y vertical, [Descripción del tema del contenido], diseño profesional, alta densidad de información, jerarquía visual clara, [Posicionamiento del estilo visual]. 【Sistema de color - CRÍTICO】 - Color primario: [Nombre del color] [hex], que representa el 70-80% del peso visual - Color secundario: [Nombre del color] [hex], se usa solo para puntos de énfasis clave, que representa el 10-15% - Variante oscura: [hex] (para bloques de fondo oscuro) - Variante clara: [hex] (para bloques de fondo claro) - Color del texto: use texto blanco #FFFFFF o gris claro en áreas oscuras y texto oscuro en áreas claras - Prohibido: no use colores brillantes que no sean el color primario, evite los colores del arco iris y los esquemas de color caóticos. 【Elementos de estilo visual - CRÍTICO】 [Describe los elementos decorativos en detalle de acuerdo con el estilo elegido por el usuario:] Si es un estilo "Minimalista empresarial": - Use líneas finas para la división, formas geométricas simples y sombras sutiles - Mantenga mucho espacio en blanco, priorice la tipografía y restrinja la decoración - El aspecto general debe ser limpio, ordenado y profesional. Si se trata de un estilo "Tecnológico Futurista": - Añada líneas de cuadrícula sutiles, texturas de circuito impreso o líneas de flujo de datos (semitransparentes, que no interfieran con la legibilidad del texto) a bloques de fondo oscuro. Los elementos clave (datos, títulos, íconos) utilizan efectos brillantes, líneas de neón o halos de degradado. Los bloques se separan mediante líneas divisorias con efectos de luz o transiciones de degradado. Atmósfera general: similar al estilo visual del póster de una conferencia de prensa de una empresa de tecnología de punta o a la promoción de un producto de IA. Si se trata de un estilo "Vibrante y creativo": - Utilice íconos dibujados a mano, líneas onduladas, gráficos divertidos y elementos tipo grafiti. - Contrastes de color intensos y composiciones dinámicas. - Elementos decorativos de estilo ilustrativo. En general, es animado, divertido y accesible. [Diseño y ritmo visual] La pantalla se divide en [N] bloques de arriba a abajo, utilizando [descripción del ritmo alternando luz y oscuridad]: Bloque 1 (Área de título principal): Fondo [Oscuro/Claro] [hexadecimal], [Descripción de la decoración del estilo visual], que contiene el título principal.