# Indicación para crear una presentación estilo TED

Actúe como un diseñador de charlas TED de clase mundial y cree una presentación completa basada en el artículo/tema proporcionado, siguiendo la filosofía narrativa y el lenguaje visual de TED de "ideas que vale la pena difundir".

---

## Diseño de la estructura narrativa (debe seguirse estrictamente)

### Diapositiva 1: Gancho de apertura

**Objetivo:** Captar la atención en los primeros 30 segundos, crear una brecha de conocimiento

- **Opciones de contenido** (elija una):

- Comparación de datos impactante ("Cada 6 segundos...")

- Afirmación contra-intuitiva

- Pregunta que provoca curiosidad ("¿Qué pasaría si te dijera...")

- Momento clave de una historia personal ("Hace tres años, esa noche...")

- **Requisitos visuales:** Un elemento central de gran tamaño + fondo minimalista para crear suspenso

### Diapositiva 2: Por qué esto es importante

**Objetivo:** Crear una conexión emocional, hacer que la audiencia se dé cuenta de que "esto se relaciona conmigo".

- Utilice 2-3 oraciones para explicar la universalidad o urgencia del problema.

- Mostrar la escala o alcance de las personas afectadas

- **Estrategia visual:** Utilice siluetas, mapas o íconos de grupo para crear resonancia

### Diapositivas 3-4: Dilema actual

**Objetivo:** Describir "dónde estamos ahora", establecer la necesidad de cambio

- Mostrar problemas actuales con casos o datos específicos

- Destacar las limitaciones de los enfoques tradicionales

- **Ritmo visual:** De lo amplio a lo específico, de lo abstracto a lo tangible

Diapositiva 5: Punto de inflexión/Epifanía personal

**Objetivo:** El momento revelador característico de TED

- Contar el momento de descubrir una nueva perspectiva ("Hasta que me di cuenta...")

- Mostrar el cambio o avance en el pensamiento

- **Diseño visual:** Utilice luz, flechas o cambios de perspectiva para simbolizar el salto cognitivo

Diapositivas 6-8: Expansión de la idea central

**Objetivo:** Profundizar en "una idea central" (la regla de oro de la charla de 18 minutos)

- **Diapositiva 6:** Declaración clara de la idea central (esencia en una oración)

- **Diapositiva 7:** Tres piezas clave de evidencia/principios que respaldan la idea

- **Diapositiva 8:** Utilice analogías o metáforas para hacer concretos los conceptos abstractos

- Ejemplo: "Es como..." / "Imagina un..."

- **Requisitos visuales:** Metáforas ilustrativas, evitar gráficos abstractos.

Diapositivas 9-10: Casos/Historias reales

**Objetivo:** Hacer que la idea "cobre vida", generar credibilidad

- Cuente 1-2 casos prácticos específicos

- Incluir un arco narrativo completo con personajes, conflicto y transformación.

- **Diseño emocional:** Muestra luchas y avances reales, evita el perfeccionismo

Diapositiva 11: Cómo abordar posibles objeciones

**Objetivo:** Anticipar las preguntas "pero..." de la audiencia, mejorar la persuasión

- Reconocer honestamente las limitaciones o desafíos

- Utilizar datos o lógica para resolver inquietudes

- **Tono:** Humilde pero seguro, muestra profundidad de pensamiento.

### Diapositivas 12-13: Mayor importancia

**Objetivo:** Elevar el valor del caso individual al valor universal

- Conectarse con problemas sociales más amplios, perspectivas humanas o visión de futuro.

- Responda "¿Y qué?": por qué esto trasciende el tema específico en sí.

- **Elevación visual:** Utilice escenas expansivas, cielos estrellados, horizontes y otras imágenes.

### Diapositiva 14: Llamada a la acción

**Objetivo:** Empoderar a la audiencia, permitir que todos participen en el cambio

**Diseño de tres capas:**

- Una pequeña cosa que puedes hacer hoy

- Un desafío que puedes probar esta semana

- Una dirección a largo plazo que puedes seguir

- **Lenguaje:** Use la segunda persona "puedes..." en lugar del sermoneador "debería".

### Diapositiva 15: Final poético

**Objetivo:** Dejar un resplandor, crear un ancla en la memoria.

- Regrese a la pregunta/historia inicial y forme un bucle narrativo.

- Utiliza una frase o imagen dorada para congelar el momento (citada u original)

- **Visual:** Imagen minimalista + frase dorada central, crea una atmósfera contemplativa

---

## Estándares de lenguaje visual (Estética del escenario TED)

### Filosofía del color

- **Colores primarios:**

- Fondo: Profundo #1A1A1A (escenario TED negro) o cálido #F5F1ED (sensación de intercambio de conocimientos)

- Texto: Blanco puro de alto contraste #FFFFFF o negro tinta #0A0A0A

- **Sistema de colores de acento** (que representa diferentes capas emocionales):

- **Curiosidad/Inspiración:** TED Red #E62B1E (solo para diapositivas de ideas centrales)

- **Datos/Racionalidad:** Tech Blue #4A90E2

- **Humanidad/Calidez:** Ámbar Dorado #F5A623

- **Reglas de uso:**

- Máximo 1 color de acento por diapositiva

- Color de acento: 15% del marco

- Degradados limitados a cambios de transparencia de un solo color (100%-0%)

### Reglas de tipografía

#### Jerarquía de títulos

- **Títulos extra grandes** (ideas iniciales/centrales):

- Tamaño de fuente: 12-18% de la altura de la pantalla

- Fuente: Bold sans-serif

- Máximo 7 palabras, eliminar todos los artículos innecesarios

- Ejemplo: ❌"Sobre la importancia de la innovación" ✅"Redefiniendo la innovación"

- **Títulos regulares:**

- Tamaño de fuente: 6-8% de la altura de la pantalla

- Espacio en blanco: al menos 1,5 veces la altura del título arriba y abajo

- **Texto del cuerpo:**

- Tamaño de fuente: 2,5-3,5% de la altura de la pantalla

- Altura de línea: 1,8-2,0x

- Máximo 30 palabras por diapositiva (aproximadamente 2 líneas)

#### El poder de los números

- Los datos clave deben:

- Ampliarse al 150-200% del tamaño del título.

- Independiente con amplio espacio blanco alrededor

- Tener etiquetas de microunidades (1/4 del tamaño del número)

- Ejemplo: **73%** <sub style="font-size:0.25em">de las personas...</sub>

### Estrategia de enfoque visual

#### Fórmula de composición por diapositiva

```

1 ancla visual (40-60% del marco)

+ 1 Mensaje principal (texto o datos)

+ Espacio para respirar (al menos un 35 % de espacio en blanco)

= 1 diapositiva

```

#### Principios de uso de imágenes

- **Fotografía:**

- Solo para diapositivas de historias (casos/conexión emocional)

- Deben ser escenas auténticas, no fotografías de archivo.

- Aplicar filtro B&N o superposición monocromática para moderación

- **Iconos/Ilustraciones:**

- Estilo lineal, grosor de trazo consistente (2-3 px)

- Tamaño polarizado: 60 % de la pantalla (imagen principal) o menos del 8 % (complementaria)

- Escenarios de ejemplo: flechas dibujadas a mano para procesos, figuras simples para personajes

- **Visualización de datos:**

- Sin efectos 3D ni elementos decorativos.

- Mostrar un máximo de 3-4 puntos de datos

- Color solo para distinguir categorías, no para transmitir valores.

- Prefiero: gráficos de barras (comparación), gráficos de líneas (tendencias), gráficos circulares individuales (proporciones)

#### Técnicas de visualización de metáforas

- Transformar conceptos abstractos en objetos cotidianos:

- "Sistema complejo" → Conjunto de engranajes

- "Conexión" → Líneas de red neuronal/constelación

- "Crecimiento" → Silueta de árbol/escalera

- Utilice el espacio negativo para crear gráficos de doble significado.

### Sistema de cuadrícula de diseño

#### Estructura de la página

- **Inmersivo en pantalla completa:** Contenido centrado vertical y horizontalmente, márgenes de al menos el 10 % en todos los lados

- **Equilibrio asimétrico:**

- El centro visual puede estar descentrado pero equilibrado con espacios en blanco o microelementos.

- Cuando el texto esté alineado a la izquierda o a la derecha, coloque el elemento gráfico de respiración en el lado opuesto

#### Diseño del flujo de lectura

- Hábitos de lectura de izquierda a derecha y de grande a pequeño.

- Coloque la información clave en el tercio superior de la "zona de línea de visión dorada"

- Hundir la información secundaria al final, reducir la fuente al 70% del cuerpo del texto

---

## Interacción y animación (mejora la inmersión)

### Sistema de navegación

- **Indicador de progreso:** Puntos inferiores (●○○○), página actual ampliada y coloreada

- **Atajos de teclado:**

- Espacio/Flecha derecha: Siguiente diapositiva

- Flecha izquierda: Diapositiva anterior

- Teclas numéricas: Saltar a la diapositiva correspondiente

- **Gestos** (móvil): Desliza el dedo hacia la izquierda o hacia la derecha para cambiar de diapositiva

### Transiciones de diapositivas

- **Animación predeterminada:** 0,6 s de entrada y salida gradual

**Momentos especiales:**

- Apertura a la corredera 2: Empujar hacia arriba

- Diapositiva de punto de inflexión: Desvanecimiento de escala

- Diapositiva final: Desvanecimiento largo (1,2 s) para resplandor

### Entrada del elemento

- Título: Opacidad 0 a 100%, con ligero movimiento ascendente (20px)

- Datos: Los números saltan de 0 al valor objetivo (animación de 1 s)

- Imágenes: Desenfocar para aclarar (desenfoque 10px → 0px)

---

## Lista de verificación para la creación de contenido

### Completitud narrativa

- [ ] ¿Existe una “idea central” clara que pueda resumirse en una frase?

- [ ] ¿La apertura crea una brecha de conocimiento en 30 segundos?

- [ ] ¿Hay al menos 1 historia real (no pura teoría)?

- [ ] ¿Existe un momento "ajá" diseñado?

- [ ] ¿El final proporciona sugerencias específicas y prácticas?

### Curva emocional

- [ ] ¿Los altibajos emocionales están diseñados (curiosidad→sorpresa→reflexión→esperanza)?

- [ ] ¿Se demuestra vulnerabilidad o fracaso para generar confianza?

- [ ] ¿El tono es conversacional más que predicador?

### Consistencia visual

- [ ] ¿Cada diapositiva tiene solo un enfoque visual?

- [ ] ¿El espacio en blanco es superior al 30%?

- [ ] ¿Los colores de acento se utilizan únicamente para la información principal?

- [ ] ¿La familia tipográfica está unificada (máximo 2 fuentes)?

### Regla de oro de 18 minutos

- [ ] Total de diapositivas controladas en 15 (promedio de 1 minuto por diapositiva)

- [ ] ¿Es posible capturar visualmente la información de cada diapositiva en 5 segundos?

- [ ] ¿Se han eliminado todos los modificadores innecesarios y la información redundante?

---

## Ejemplo de referencia de estructura de diapositiva

### Ejemplo 1: Apertura de la corredera del gancho

```

[1/3 superior de la pantalla]

2050

[Negrita extra grande, 15 % de la altura de la pantalla]

[Centro inferior de la pantalla]

La Tierra tendrá 10 mil millones de personas

Pero sólo el 60% tendrá acceso a agua potable

[Tamaño de fuente normal, interlineado 2.0]

[Parte inferior de la pantalla]

Tenemos 27 años para cambiar esta cifra

[Texto pequeño, 60% de opacidad]

```

### Ejemplo 2: Diapositiva de la idea central

```

[60% izquierda]

[Fondo de bloque de color rojo TED, ocupando el lado izquierdo]

La educación no es

llenando un cubo

pero encendiendo un fuego

[Texto blanco en negrita centrado en el bloque de color]

[Derecha 40%]

— Adaptado de Yeats

[Pequeña anotación de texto]

[Abajo]

Esto significa que necesitamos rediseñar fundamentalmente el aula.

[Una línea de texto explicativo]

```

### Ejemplo 3: Diapositiva de comparación de datos

```

[Pantalla dividida en mitades izquierda y derecha]

[Mitad izquierda]

73%

[Número extra grande, azul tecnológico]

Estado en 2023

[Mitad derecha]

12%

[Número extra grande, oro ámbar]

Nivel en 2010

[Centro]

[Flecha fina que apunta de izquierda a derecha, indicando tendencia]

[Abajo en el centro]

Los pagos móviles cambiaron los hábitos de consumo en una década

```

---

## Requisitos de salida final

### Especificaciones técnicas

- Diseño adaptable, compatible con 1920×1080 / 1366×768 / iPad / móvil horizontal

- Utilizar tecnologías web modernas (HTML5 + CSS Grid/Flexbox)

- Fuentes alternativas: inglés (Inter/Helvetica → Arial), chino si es necesario (fuente: Han Sans/PingFang → Heiti)

- Todas las animaciones utilizan transiciones/animaciones CSS, evita la pérdida de rendimiento de JavaScript

### Accesibilidad

- Relación de contraste de texto a fondo de al menos 7:1 (estándar WCAG AAA)

- Las imágenes deben tener descripciones alternativas (incluso los gráficos decorativos deben estar marcados como "decorativos")

- Soporte completo de navegación con teclado

### Entregables

1. Archivo HTML único completo (CSS en línea)

2. Notas del orador (puntos clave para cada diapositiva, archivo Markdown separado)

3. Imágenes estáticas exportadas de alta resolución (opcional, para compartir en redes sociales)

---

## Filosofía creativa (recordatorios de meta-nivel)

> **Recuerde el núcleo de TED:** No se trata de mostrar cuánto sabes, sino de encender la llama de "Quiero saber más" en el corazón de la audiencia.

Para cada diapositiva, pregúntate: Si la audiencia se distrae y revisa su teléfono ahora mismo, ¿qué pierdo? Si la respuesta es "nada", elimina esta diapositiva.

Los datos sirven a la historia, no al revés. Primero, encuentra la historia y luego usa los datos para amplificar el impacto.

- El mejor diseño es invisible: la audiencia debe recordar la idea, no "esta PPT es genial".

El límite de 18 minutos es liberación, no restricción. Te obliga a encontrar la esencia diamantina de tu pensamiento.

**Objetivo final:** Cuando el público abandone la sala, es posible que olvide su nombre y sus diapositivas, pero recordará la idea que cambió su forma de ver el mundo.

---

## Notas importantes

- Todo el contenido de las diapositivas debe estar en inglés.

- Utilice un inglés sencillo y potente que una audiencia global pueda entender.

- Evite la jerga a menos que sea absolutamente necesario y defínala claramente si la utiliza.

- Garantizar la sensibilidad cultural y el atractivo universal en ejemplos y metáforas.