Ir al contenido principal
Diseño

Subtítulos de un solo color, elegido para cada vídeo

· 4 min de lectura

Bastó un solo fotograma. Palabras blancas envueltas en un grueso borde naranja, y la última palabra de la frase sola en una segunda línea. No había nada roto, y aun así se veía raro, como un subtítulo que se esfuerza demasiado.

Un subtítulo que se esforzaba demasiado

A lo largo del otoño, nuestros subtítulos se habían convertido en una pequeña caja de herramientas. Había cinco estilos: una cápsula con la palabra hablada iluminada sobre una placa del color de la marca, mayúsculas grandes, una etiqueta por palabra, un rótulo discreto y letras blancas con contorno de color. Encima, la palabra hablada podía crecer, rebotar, brillar o deslizarse, y las palabras marcadas tomaban el color de la marca.

Cada opción tenía su motivo. Juntas creaban subtítulos que competían con el vídeo. Un subtítulo se lee en una fracción de segundo, y cada efecto es una cosa más que el ojo tiene que descifrar antes de volver a la imagen.

El fotograma que nos devolvieron lo decía sin rodeos: sin borde, un solo color, palabras limpias. Y una segunda nota, igual de clara: tampoco siempre negro. El color debe encajar con el vídeo.

En qué coinciden quienes subtitulan a diario

Antes de dibujar nada leímos lo que dicen las cadenas, las guías de estilo de las plataformas y la investigación sobre lectura. Coinciden en unas pocas cosas:

  • El contraste es lo que hace legible un subtítulo. El texto frente a lo que tiene justo detrás debe mantener al menos 4,5:1, el mínimo de accesibilidad, y cuanto más, mejor.
  • Una sombra sola no basta sobre una imagen clara. Palabras blancas con sombra sobre una página blanca se vuelven gris sobre blanco.
  • Dos líneas como máximo, cortadas donde la frase respira. Los estudios con seguimiento ocular sobre saltos de línea muestran que el público prefiere líneas cortadas entre grupos de palabras, y que un mal corte cuesta más esfuerzo.
  • Palabras tranquilas. En cine y televisión, los subtítulos no se animan palabra a palabra. Aparecen, se leen y se van.

Nada de eso necesita una caja, un contorno ni una palabra iluminada. Necesita el color adecuado en el lugar adecuado.

Un solo subtítulo, cinco nombres

Así que cada estilo de subtítulo dibuja ahora el mismo subtítulo. Todas las palabras tienen un solo color, todo el tiempo. Sin placa, sin etiquetas, sin contorno, sin crecimiento ni brillo. El texto va en mayúsculas y minúsculas normales, en negrita sin llegar a ser pesado, con un espacio completo entre palabras.

Los cinco nombres de estilo se quedan, porque los vídeos, los looks y las opciones de nuestros asistentes ya los usan. Ahora solo cambian de tamaño: el estilo grande sube una talla para vídeos pensados para el móvil, el pequeño queda como un rótulo discreto. Los ajustes de animación y énfasis se siguen aceptando, y el editor indica con claridad que ya no cambian el dibujo.

La legibilidad viene del contraste y de un halo suave en varias capas: un núcleo ajustado que separa cada letra de la imagen y un degradado más amplio alrededor de la palabra. Se lee como tipografía limpia, no como un borde.

Un color para cada imagen

Un solo color por vídeo no significa el mismo color para todos los vídeos. El motor de render ya mide lo luminosas que son las páginas de cada sitio, y el subtítulo elige ahora su tinta según lo que de verdad tiene detrás:

  • Sobre una imagen oscura, la tinta es un blanco con un soplo de la marca, sobre un halo que es el tono más profundo de esa marca. Una marca azul marino recibe un halo marino; una verde, un verde bosque. La pareja mantiene al menos 15:1.
  • Sobre una página clara, la tinta pasa a ser el tono profundo de la marca, al menos 7:1 sobre blanco, con un halo blanco y suave.
  • Bajo una ventana de navegador en horizontal, el subtítulo está sobre el fondo oscuro del vídeo, no sobre la página, así que usa la tinta clara aunque el sitio sea blanco.

Cuando una tinta oscura va sobre una página blanca, el suave degradado de la parte baja del encuadre también se vuelve blanco. En una página blanca no se ve como una forma, pero limpia el texto pequeño de la página detrás de las palabras.

Dos líneas que forman una sola idea

El fotograma de partida tenía un segundo problema: el subtítulo llenaba la primera línea y dejaba caer la última palabra, coma incluida, en una línea propia.

Un subtítulo que necesita dos líneas se corta ahora donde la línea más larga queda lo más corta posible, de modo que las dos líneas quedan equilibradas. Si un corte justo después de un signo de puntuación es casi igual de equilibrado, gana ese, porque una coma es donde la frase hace una pausa. Un número de teléfono o una cifra con su unidad nunca se parte, y un subtítulo de cuatro palabras o más nunca deja una sola.

La frase de aquel fotograma se lee ahora «Concevez votre» arriba y «bois sur mesure,» abajo: dos partes de una misma idea, leídas de un vistazo.

Qué cambia en tus vídeos

Cada vídeo renderizado desde hoy tiene los mismos subtítulos serenos: un solo color, sin caja, sin borde, dos líneas equilibradas como máximo. El color se elige para tu marca y para la imagen que hay detrás de las palabras, así que una página de inicio blanca, un panel oscuro y una tarjeta de color tienen cada uno un subtítulo que se lee, en un tono que pertenece al vídeo.

No tienes que ajustar nada. Si elegiste un estilo de subtítulo, conserva su tamaño. Si elegiste una animación, las palabras ahora se quedan quietas. Un subtítulo está para leerse, y ahora se aparta en cuanto lo has leído.

Míralo en tu propia web

Pega una página y obtén el vídeo narrado del que habla este blog. El primero es gratis.

Primer vídeo gratis · sin tarjeta · listo en minutos

← Todos los artículos