Remake con IA: Transforma viñetas aburridas en Slides profesionales [Guía paso a paso]

1Por favor, reestructura la información del siguiente <input> en una "estructura" y recréala como una diapositiva única de calidad de consultor que permita al lector tomar decisiones de un vistazo.
2
3Esto no es solo una limpieza. El objetivo es leer la "intención" de las viñetas, notas o diapositivas simples y llegar al "Y qué" (lo que se puede decir). El principio es "restar antes que sumar". Encanta al lector con el contraste de información y el espacio en blanco.
4
5# Input
6<input>
7(Pega aquí las viñetas, notas o la imagen de la diapositiva que quieres recrear)
8</input>
9
10# Tarea (Piensa y ejecuta en este orden)
11Paso 1. Decodificación: Extrae del input "① Mensaje principal (afirmación) / ② Elementos (ítems, números, relaciones) / ③ Lector y contexto".
12  No añadas ni omitas hechos arbitrariamente. Sin embargo, debes extraer activamente las implicaciones (Y qué) que se puedan derivar de los hechos dados.
13  En el caso de una imagen de diapositiva, diagnostica las debilidades actuales (violaciones de los principios/reglas de diseño a continuación).
14Paso 2. Elegir Estructura: Selecciona la mejor de las "6 Estructuras" (anidada si es necesario). Si encaja en un "Diseño Representativo", priorízalo.
15  Si ninguna encaja, puedes usar otra estructura/diagrama óptimo para el contenido. Sin embargo, no lo dejes como una lista de viñetas (siempre estructúralo).
16Paso 3. Elegir Gráfico: Si hay valores numéricos, elige uno de los "7 Gráficos". Si no, no uses ninguno.
17Paso 4. Elegir Diseño: Adopta si encaja en un "Diseño Representativo".
18Paso 5. Mensaje del Encabezado: Coloca la afirmación en la parte superior en una sola oración (conclusión. Prohibido terminaciones con sustantivos o "Acerca de...").
19  Si es posible, llega hasta la implicación (qué se debe hacer). Los hechos van en el cuerpo, las implicaciones en el encabezado o en un cuadro separado (mensaje lateral). Solo un mensaje principal por página.
20Paso 6. Aplica los "4 Principios de Diseño" y las "Reglas de Diseño".
21Paso 7. Generación: Crea una imagen de diapositiva 16:9.
22Paso 8. Verificación Previa a la Salida + Pulido Final: Pasa todos los elementos de la "Verificación Previa a la Salida" a continuación.
23  Además, pregúntate si un espectador que ve esta diapositiva por primera vez puede enunciar la afirmación en "3 segundos". Si no, reestructura el mensaje del encabezado y la estructura. Arrégialo antes de generar la salida.
24
25# Base de Conocimiento (Qué y cómo estructurar)
26
27## 6 Estructuras (Paso 2)
28Juzga por "¿Es cuestión de disposición o de lógica?". Las estructuras se pueden anidar.
29- Secuencia: Cronología, proceso, pasos → Flechas/pasos de izquierda a derecha
30- Comparación: Estado Actual/Estado Deseado, oposición binaria, competencia → Uno al lado del otro, Antes/Después
31- Clasificación: MECE, categorías, organización de opciones → Matriz, árbol
32- Resolución de Problemas: Problema → Acción → Efecto → Flujo de flechas de 3 bloques
33- Causalidad: Causa → Resultado, Por qué, Y qué → Cadena de flechas, espina de pescado
34- Pirámide: Conclusión + 3 fundamentos → Conclusión en la parte superior, 3 fundamentos debajo
35
36## 7 Gráficos (Paso 3 / Solo cuando hay números)
37- Barras: Diferencia en cantidad / Líneas: Tendencia a lo largo del tiempo / Cascada: Proceso de aumento/disminución / Embudo: Tasa de conversión / Burbujas: Relación de 3 ejes / Mapa de calor: Densidad
38- Composición: Prioriza barras horizontales apiladas al 100% (Gráficos circulares solo hasta 3 segmentos; evitarlos en principio)
39- NO: Cantidad como círculos / Categorías como líneas / Más de 3 ejes en 1 gráfico / 3D
40
41## Diseños Representativos (Paso 4 / Si aplica)
42- Antes/Después de Mejora Empresarial: Alinea posiciones perfectamente vertical u horizontalmente, usa líneas discontinuas para partes omitidas, muestra efectos de reducción con flechas gruesas
43- Prioridad de Medidas: Árbol lógico (descomposición MECE) + tabla de evaluación de tiempo/riesgo a la derecha / o matriz de 2 ejes + lógica de extracción
44- Desglose de Costos/Tiempo y Acciones: Gráfico de cascada a la izquierda, tabla de acciones a la derecha, total y tasa de reducción en la parte inferior
45- Comparación de Múltiples Objetos con la Misma Estructura: Coloca elementos comunes solo una vez en la parte superior, alinea objetos verticalmente (evita repetir diseños horizontales)
46- Visión General + Detalle: Divide izquierda/derecha. Visión general a la izquierda, ampliación de una parte a la derecha, conectado por líneas punteadas
47- Flujo de Aprobación/Deliberación: Vertical = Cuerpo de la reunión/departamento, Horizontal = Proceso, Flechas = Transferencia de información (con etiquetas de contenido)
48- Múltiples Proyectos Paralelos: Vertical = Flujo, Horizontal = Tiempo, líneas discontinuas para inicios no decididos
49- Estructura de Industria/Mercado: Horizontal = Cadena de valor, Vertical = Tipo de jugador, Área = Escala
50- Mostrando Escala y Proporción Simultáneamente: Diagrama de área (Mosaico) a izquierda/derecha. Área = Escala de cantidad x Proporción, valor total en la parte inferior
51- Cambio Dinámico de 2 Indicadores: Traza objetos (generaciones, cronología, etc.) en un gráfico de dispersión, conecta con líneas de trayectoria y anota los puntos de cambio
52
53## 4 Principios de Diseño (Debe cumplir en el Paso 6)
541. Vertical/Horizontal: Siempre aclara el significado de los ejes vertical y horizontal (Vertical = Objeto/Categoría/Reunión, Horizontal = Tiempo/Proceso/Eje de juicio, etc.)
552. No redundancia: No uses la misma palabra dos veces. Agrupa palabras repetidas en ejes o encabezados
563. Bidimensional: No empaques 3 o más ejes en una página. Si hay muchos, descompón en división izquierda/derecha, alineación vertical o acercamiento
574. Volumen Visual: Siempre refleja el tamaño de los valores numéricos en el tamaño del área, la longitud o el grosor
58
59# Reglas de Diseño (Cómo mostrar = Disciplina de calidad de consultor)
60
61## Política General
62- Completamente plano. Prohibidas sombras, degradados, 3D, biseles, brillos y reflejos.
63- Fondo blanco puro. Usa solo la paleta a continuación (no añadas colores fuera de la paleta).
64- "Si quieres añadir, primero pregúntate si puedes restar." Deja amplio espacio en blanco intencionalmente (márgenes elegantes al estilo Apple).
65
66## Diseño
67- Alinea todos los elementos a una cuadrícula, espaciado uniforme, márgenes unificados en los cuatro lados. Principio: Alineado a la izquierda (Alineado al centro solo para portadas/separadores).
68- El movimiento ocular es Izquierda → Derecha, Arriba → Abajo. Coloca los datos a la izquierda, las implicaciones/acciones a la derecha.
69
70## Fuente
71- Fijada a sans-serif estilo Noto Sans JP (Prohibidas Mincho, fuentes decorativas, estilo manuscrito).
72- Jerarquía de tamaños: Título 24-28 / Mensaje del Encabezado 18-20 / Subtítulo 14 / Cuerpo 10.5-12 / Nota al pie 8-9pt.
73- Los pesos son solo Regular y Bold. Interlineado 1.3-1.5. El texto del cuerpo es #222222, el auxiliar es #888888 (No uses negro puro).
74- Unifica puntuación, símbolos, terminaciones y ancho medio/completo en todas las páginas.
75
76## Énfasis
77- Prioridad: ① Color → ② Tamaño → ③ Negrita → ④ Recuadro.
78- El énfasis debe ser menos del 10% de la pantalla, 1-2 lugares por diapositiva. Haz que destaque relativamente bajando el no énfasis a #888888.
79- Enfatiza texto largo con color en lugar de negrita. Prohibido subrayado, cursiva, resaltadores y texto rojo excesivo.
80
81## Color (Roles fijos)
82- Barra de Título/Encabezado = #1976D2, Palabra de énfasis = #D84315, Relleno claro = #E8F4FB, Cuerpo = #222222, Auxiliar = #888888, Borde/Línea discontinua = #E0E0E0.
83- Distingue por brillo del azul (#1976D2 ↔ #E8F4FB), no aumentes nuevos colores.
84- El bermellón #D84315 es solo para palabras clave de énfasis (No uses para rellenos sólidos). Fija los significados de los colores en todas las páginas (Azul = Empresa propia/Positivo, Gris = Neutral, Bermellón = Problema/Disminución).
85
86## Formas/Tarjetas (Fondo blanco + bordes son la base. Los rellenos son mínimos)
87- Usa fondo blanco + bordes finos #E0E0E0 (0.75-1.5pt) como base. Sin sombras.
88- Limita el relleno sólido #E8F4FB a "el bloque que más quieras enfatizar" (el uso excesivo parece una plantilla).
89- Usa tarjetas solo para agrupar elementos paralelos (no abuses solo para dividir áreas).
90- Si usas esquinas redondeadas, unifica el radio estrictamente en todas partes (pequeño). Los ángulos rectos también son aceptables. El redondeo inconsistente está estrictamente prohibido.
91
92## Viñetas/Números
93- No hagas que la parte principal de la diapositiva sea una lista de viñetas (siempre estructura). Solo usa listas para enumeraciones suplementarias dentro de una estructura, usando guiones "–" o sin símbolo con sangría, hasta 2 niveles de anidamiento. Prohibidas viñetas decorativas/emojis.
94- Usa números en círculo ①②③ para pasos, procedimientos y elementos correspondientes (Las insignias numéricas son #1976D2, no abuses como decoración).
95
96## Fuentes/Notas al pie
97- Para números/datos, incluye la fuente (origen, período) en texto pequeño (#888888) en la parte inferior de la diapositiva. No publiques números sin fuentes.
98- Las notas al pie usan números en superíndice en el cuerpo + correspondencia 1 a 1 en la parte inferior. Alinea dígitos para números de capítulo/página (01, 02...).
99
100## Flechas/Líneas/Conectores
101- Unifica el grosor de las flechas y el tamaño de la punta de flecha en todas las diapositivas. Las líneas son finas a 0.75-1.5pt, #E0E0E0 o #1976D2.
102- Da significado a las líneas punteadas/discontinuas (omisión, predicción, relación débil, etc.). Las líneas discontinuas son #E0E0E0.
103- Unifica los conectores como en forma de L o rectos. Alinea la dirección del flujo (Izquierda → Derecha, Arriba → Abajo), no inviertas ni cruces.
104
105## Iconos (No usar en principio)
106- En principio, no uses iconos. Los documentos de consultor muestran con texto, bordes, flechas y números (Los iconos son fuente de apariencia de plantilla/amateur).
107- Solo si el significado está únicamente determinado y es realmente necesario, añade excepcionalmente en miniatura, de un solo color (#1976D2 o Gris). Prohibidos iconos decorativos, emojis, 3D y multicolor.
108
109## Tablas
110- Sin bordes verticales, solo bordes horizontales (#E0E0E0) (Prohibidos bordes sólidos en forma de cuadrícula).
111- Solo la fila del encabezado obtiene una barra #1976D2 o relleno claro #E8F4FB + negrita.
112- Los números están alineados a la derecha con dígitos, decimales y unidades unificados. El texto está alineado a la izquierda. Unidades en los encabezados de columna entre paréntesis (ej., "Ventas (Millones de Yenes)").
113
114## Gráficos
115- Todos planos 2D (prohibido 3D). Prioriza barras horizontales apiladas al 100% para composición (Gráficos circulares hasta 3 segmentos).
116- Líneas de eje, escalas y líneas de cuadrícula son mínimas y delgadas en #E0E0E0 (No encierres en un recuadro).
117- Etiquetas directas en lugar de leyendas. Solo la serie enfatizada es #1976D2 (o #D84315), las otras son #888888.
118- Muestra las etiquetas de datos directamente. Verbaliza las diferencias (ej., "-60%"). Las barras comienzan en el origen cero. Unifica dígitos, unidades y escalas en todos los gráficos.
119
120# Paleta de Colores (Estrictamente 6 colores)
121- Azul Principal: #1976D2 / Bermellón de Acento: #D84315 / Azul Claro: #E8F4FB
122- Gris Oscuro del Cuerpo: #222222 / Gris Secundario: #888888 / Gris de Borde: #E0E0E0 / Fondo: Blanco Puro #FFFFFF
123
124# Verificación Previa a la Salida (Pasa todos los elementos)
125[Contenido/Estructura]
126- ¿Ha revertido a una lista de viñetas? (¿Es una de las 6 estructuras o un diagrama óptimo?)
127- ¿El mensaje del encabezado es una conclusión en una sola oración? (¿No es una terminación con sustantivo o "Acerca de..."?) / ¿Puede llegar hasta una implicación?
128- ¿El diagrama a continuación prueba la afirmación del mensaje del encabezado? (Consistencia entre el encabezado y el diagrama)
129- ¿Es un mensaje por diapositiva? / ¿Están separados los hechos y las implicaciones?
130- ¿Se mantiene la información original y no se añaden hechos? / ¿No hay repetición de las mismas palabras? / ¿No se empaquetan 3 ejes?
131- ¿Se adjuntan fuentes (origen, período) a los valores numéricos?
132[Diseño]
133- ¿El fondo es blanco puro? ¿No se usan sombras/degradados/3D/biseles/brillos?
134- ¿Se usan solo los 6 colores de la paleta? / ¿El Bermellón #D84315 es solo para 1-2 énfasis? / ¿El énfasis es menos del 10% de la pantalla?
135- ¿No se usan iconos? (Si se usan, ¿son diminutos/excepcionales?) / ¿Se centra en fondo blanco + bordes en lugar de rellenos sólidos?
136- ¿El radio de las esquinas de la tarjeta (si se usa) está unificado en todas partes y sin sombras?
137- ¿La tabla se centra en bordes horizontales, números alineados a la derecha y unidades unificadas? / ¿El gráfico es 2D, con etiquetas directas y origen cero?
138- ¿La fuente (Noto Sans JP), la jerarquía de tamaños, el interlineado, los márgenes, las terminaciones y las unidades están unificados en todas las páginas?
139- ¿Está alineado a la cuadrícula, con espaciado uniforme y márgenes unificados? / ¿No está todo en negrita o todo alineado al centro?
140[Pulido Final]
141- ¿Puede un espectador que ve esta diapositiva por primera vez enunciar la afirmación en 3 segundos? (Si no, reestructura el encabezado y la estructura)
142- ¿Todo el texto en español se muestra con precisión?