# Fondos para presentaciones que no compiten con tus diapositivas [Canonical HTML page](https://gradiently.design/es/guide/presentation-backgrounds) Casi todos los fondos de diapositiva se eligen pensando en la portada y luego sufren durante cuarenta diapositivas de contenido. Diseña mejor una pequeña familia: intensa donde se puede, discreta donde hay que leer. ## The short version - Un buen fondo de presentación acompaña el contenido de cada diapositiva: expresivo en las de título y sección, discreto en las que hay que leer. - Diseña los fondos como una familia de tres, uno para las diapositivas de título, otro para las de sección y otro para las de contenido, todos con los mismos colores. - Los tamaños estándar de diapositiva son 1920 por 1080 píxeles para 16:9 y 1600 por 1200 píxeles para 4:3. - Las diapositivas de contenido necesitan una zona tranquila grande con un contraste fuerte y uniforme donde van el texto y los gráficos. - Los proyectores apagan el color sutil y el detalle oscuro, así que prueba un fondo de presentación en la pantalla en la que se va a mostrar. Un buen **fondo de presentación** marca el tono de la charla y luego se aparta del contenido. El enfoque práctico es una pequeña familia de fondos hechos con los mismos colores: uno expresivo para la diapositiva de título, uno algo más sereno para los cambios de sección y uno discreto con una zona amplia y uniforme para las diapositivas de contenido. Hazlos a 1920 por 1080 para presentaciones 16:9 o a 1600 por 1200 para 4:3, y compruébalos en la pantalla o el proyector que vayas a usar. Si estás construyendo un sistema de presentación completo, [el diseño de pitch deck](https://gradiently.design/es/guide/pitch-deck-design) cubre la estructura y los tipos de diapositiva. Esta guía trata de los fondos que van debajo. ## Tamaños de fondo para presentaciones: 16:9 y 4:3 La mayoría de las herramientas de presentación empiezan ya las presentaciones nuevas en 16:9, que coincide con la mayoría de portátiles, monitores y televisores. El 4:3 sigue siendo útil para algunos proyectores antiguos y para presentaciones que se imprimirán o se leerán como documentos. Elige primero la proporción, porque un fondo hecho para una nunca encaja limpiamente en la otra. - Diapositivas 16:9, 1920×1080: 1920 × 1080 - Diapositivas 4:3, 1600×1200: 1600 × 1200 Las dos formas estándar de diapositiva. Exporta los fondos a estos tamaños o mayores para que se vean nítidos en pantallas grandes. > **Infórmate sobre la sala** Si no conoces la pantalla, pregunta. Una presentación 16:9 en un proyector 4:3 tiene bandas negras arriba y abajo; una 4:3 en una pantalla panorámica las tiene a los lados. Las dos funcionan, pero tu fondo debe estar diseñado para la que vas a tener de verdad. ## Diseña una familia de fondos, no un solo fondo La diapositiva de título puede permitirse el dramatismo porque lleva pocas palabras. Una diapositiva de contenido con un gráfico, seis viñetas o una captura necesita un campo tranquilo con contraste uniforme allí donde pueda ir texto. Un solo fondo no puede hacer bien los dos trabajos, así que haz tres con la misma paleta. - Título: expresivo: `radial-gradient(ellipse at 75% 25%, #7c5cff 0%, #3b2a8f 40%, #140f33 100%)` - Sección: más sereno: `linear-gradient(135deg, #2a1f6b 0%, #1a1545 60%, #120e2e 100%)` - Contenido: discreto: `linear-gradient(180deg, #171333 0%, #141030 100%)` Una familia de violeta oscuro en tres intensidades. El título tiene una fuente de luz marcada; las diapositivas de contenido son casi planas, así que los gráficos y el texto se leen por igual. | Tipo de diapositiva | Fondo | Zona de texto | | --- | --- | --- | | Título | La versión más expresiva: color, luz, textura | Título corto, colocado en la zona más tranquila | | Cambio de sección | Mismos colores, menos contraste, o un solo campo intenso | Una o dos palabras, grandes | | Contenido | Casi plano, o un degradado suave en un borde | Casi toda la diapositiva, con contraste uniforme | | Datos y capturas | Plano o la versión más discreta | Todo; el gráfico es el contenido | | Cierre | Puede volver al fondo del título | Contacto, llamada a la acción o agradecimiento | Dónde va cada intensidad de fondo. Repetir el fondo del título al final enmarca la charla. Una diapositiva de título panorámica con un titular corto sobre un fondo degradado expresivo Una diapositiva de título puede usar el fondo completo: luz, color y espacio. Una diapositiva de contenido panorámica con una lista corta sobre una versión más serena del mismo degradado Una diapositiva de contenido de la misma familia: el fondo se calma para que la lista se lea primero. ## Cómo mantener legible el texto sobre los fondos de diapositiva Las diapositivas se leen a distancia, a menudo en una sala iluminada, en una pantalla más tenue o con menos contraste que tu portátil. Cualquier problema de contraste que veas en tu pantalla empeora allí. Apunta muy por encima del mínimo: los umbrales WCAG de 4,5:1 para texto normal y 3:1 para texto grande son un suelo, no un objetivo. [El contraste de color](https://gradiently.design/es/guide/color-contrast-accessibility) explica cómo comprobarlo. ### Evita - Un degradado cargado detrás del texto y los gráficos - Fondos de tono medio donde no se leen bien ni el blanco ni el negro - Texto que cruza la parte más brillante de un degradado - Detalle oscuro y sutil que un proyector convierte en gris ### Haz - Un fondo de contenido tranquilo y de luminosidad uniforme - Fondos claramente oscuros o claramente claros - Palabras colocadas en la zona más tranquila - Una estructura sencilla y marcada que aguanta cualquier pantalla Deja también un margen de seguridad. Reserva más o menos un 5 por ciento del ancho libre en cada borde para que nada importante se corte si la pantalla recorta o escala la diapositiva. Además evita que el texto se amontone junto al borde de un degradado, donde el color suele cambiar más deprisa. ## Fondos de presentación oscuros o claros Los fondos oscuros se sienten cinematográficos y concentrados en una sala en penumbra, y hacen brillar el color. Los fondos claros se leen mejor en salas luminosas y en copias impresas, y sufren menos en las apps de compartir pantalla que comprimen el vídeo. Si vas a presentar en los dos tipos de sala, construye la familia en ambas versiones, compartiendo un color de acento. - Fondo oscuro: #141030 - Fondo claro: #f4f1ea - Acento compartido: #7c5cff - Texto sobre oscuro: #f5f3ff - Texto sobre claro: #1c1733 Una presentación oscura y una clara a partir de una sola paleta. El acento es el mismo, así que los gráficos y los destacados se ven idénticos en ambas. > **Los proyectores cambian el color** Los proyectores no pueden mostrar el negro real, así que los fondos oscuros se vuelven gris carbón y el detalle oscuro sutil desaparece. Los colores saturados también suelen desviarse. Ensaya con el proyector real o, si no puedes, elige fondos más marcados y sencillos. ## Cómo crear un juego de fondos para presentaciones 1. **Elige la proporción** 16:9 a 1920 por 1080, salvo que sepas que la sala necesita 4:3 a 1600 por 1200. 2. **Construye el fondo del título** Parte de los colores de tu marca o de un degradado que te guste, con una fuente de luz clara y una zona tranquila para el título. 3. **Deriva el resto** Reduce el contraste y la textura para las diapositivas de sección; casi aplánalo para las de contenido. Mantén los mismos tonos en todo momento. 4. **Ponlo en el patrón** Coloca cada fondo en un patrón o diseño de tu herramienta de diapositivas, para que cada diapositiva nueva use automáticamente el correcto. 5. **Pruébalo a distancia** Preséntatelo desde la otra punta de la sala o en la pantalla real. Arregla todo lo que te obligue a entrecerrar los ojos. En Gradiently, un Mark se genera en vivo detrás de cada diapositiva en 16:9 o 4:3 y coloca su zona más tranquila detrás de tus palabras, así que el mismo fondo puede seguir siendo expresivo en una diapositiva de título y discreto detrás de una lista. Copiar a tamaños recompone una diapositiva terminada para otros formatos, como una [publicación de LinkedIn](https://gradiently.design/es/guide/linkedin-post-design) que anuncie la charla. ## FAQ ### ¿Qué tamaño debe tener un fondo de presentación? 1920 por 1080 píxeles para diapositivas 16:9, o 1600 por 1200 píxeles para 4:3. Más grande también vale, siempre que la proporción coincida. ### ¿Los fondos de presentación deben ser oscuros o claros? Los oscuros van bien en salas en penumbra y charlas cinematográficas; los claros, en salas luminosas, copias impresas y pantallas compartidas. Si presentas en entornos distintos, crea los dos a partir de una sola paleta. ### ¿Cómo hago que el texto se lea bien sobre un fondo de diapositiva? Usa un fondo discreto en las diapositivas de contenido, coloca el texto en la zona más tranquila y apunta a un contraste muy superior a 4,5:1, porque los proyectores y las salas lo reducen. ### ¿Puedo usar un degradado como fondo de presentación? Sí. Usa la versión expresiva en las diapositivas de título y sección, y una versión mucho más serena del mismo degradado detrás del contenido, los gráficos y las capturas.