Subtítulos y texto en pantalla
Subtítulos y texto en pantalla
14 reglasSubtitula siempre: se ve sin sonido
El 85% del video social se reproduce en silencio: feed de Instagram, TikTok en oficina, Reels en la cama. Si tu mensaje vive solo en el audio, lo perdiste. Quema subtítulos (burned-in, no .srt opcional) en toda pieza vertical o de feed. No es accesibilidad de adorno: es lo que decide si el espectador se queda en los primeros 3 segundos.
Cobertura: 100% del diálogo y narración
Efecto: el mensaje sobrevive al mute
Emoción: comprensión inmediata, cero esfuerzo
Cuándo: todo video vertical, feed y stories
Posición segura del subtítulo (sobre la UI de la app)
En 9:16 la app dibuja su propia interfaz encima de tu video: nombre de usuario, descripción, botones de like y compartir abajo, cámara y reloj arriba. Si pones el caption muy abajo, TikTok o Reels lo tapa con su UI. Mantén el texto dentro de la zona segura: ni en el 12% superior ni en el 20% inferior de la pantalla.
Ancho de texto: máx 85% del cuadro
Zona ideal: tercio central-inferior
Cuándo: cualquier export 9:16 para app
Emoción: nada estorba, todo se lee
Tamaño legible y límite de caracteres por línea
El subtítulo se lee en un teléfono a un brazo de distancia, en movimiento. Si la línea es muy larga, el ojo se pierde; si es muy pequeña, se rinde. Limita a máximo 2 líneas y entre 32 y 42 caracteres por línea. En vertical, una sola línea grande suele ganar. El cuerpo debe ocupar al menos un 4-5% de la altura del cuadro.
Caracteres por línea: 32-42
Altura del cuerpo: ≥4-5% del cuadro
Cuándo: todo caption de diálogo
Emoción: lectura sin fricción
Contraste: contorno o caja detrás del texto
El fondo de tu video cambia todo el tiempo: un cielo claro, una pared blanca, una camisa. El texto blanco sobre fondo claro desaparece. Garantiza contraste con contorno (stroke negro de 2-4 px), sombra dura, o una caja semitransparente detrás. El stroke es el default para captions; la caja para datos y lower thirds.
Sombra: desplaz. 2-3 px, blur bajo
Caja: negro a 50-70% de opacidad
Cuándo: siempre, el fondo es impredecible
Emoción: claridad, percepción de calidad
Sincronía palabra por palabra (estilo karaoke)
El caption que aparece y desaparece palabra a palabra, resaltando la que se dice en ese instante, mantiene el ojo enganchado al ritmo del habla. Es el look nativo de TikTok y Reels. Cada palabra debe pintarse en el frame exacto en que suena: si va adelantada o atrasada más de 3-4 frames, el cerebro nota el desfase.
Resalte: color o escala de la palabra activa
Ritmo: una palabra por golpe de voz
Cuándo: TikTok, Reels, Shorts, talking head
Emoción: energía, retención, ritmo
Tipografía: pocas fuentes, peso alto
Una fuente para captions, máximo dos para todo el video. Elige una sans-serif de peso alto (Bold o Black): en pantalla pequeña y en movimiento, los trazos finos se rompen. Las serif y las display delgadas no perdonan la compresión de la app. Familias seguras: Inter, Montserrat, Poppins, Helvetica Now, en 700 o más.
Peso: 700-900 (Bold a Black)
Estilo: sans-serif geométrica o neogroítesca
Cuándo: todo texto en pantalla
Emoción: orden, confianza, marca consistente
Mayúsculas vs tipo oración
Las MAYÚSCULAS gritan, son geniales para una palabra de impacto o un título corto, pero en bloques largos se leen más lento porque eliminan la silueta de la palabra. El tipo oración (solo la inicial en mayúscula) es más rápido y natural para frases de subtítulo. Regla: caps para titulares y énfasis, oración para diálogo corrido.
Tipo oración: diálogo y frases largas
Tracking: +2 a +5% si usas caps
Cuándo: decide por longitud y función
Emoción: caps = impacto, oración = cercanía
Resalta la palabra clave
En cada frase suele haber una palabra que carga el significado: el dato, el verbo, el nombre. Dale color de acento, mayor peso o una escala ligeramente superior para que el ojo aterrice ahí primero. No resaltes más de una por frase: si todo destaca, nada destaca. Es el equivalente al énfasis vocal del que habla.
Límite: 1 palabra clave por frase
Escala: +10-20% sobre el cuerpo
Cuándo: dato, beneficio, llamada a la acción
Emoción: claridad de mensaje, foco
Jerarquía: título, subtítulo, dato
Cuando pones texto gráfico (no caption de diálogo) establece niveles claros: el título grande y pesado, el subtítulo menor y más tenue, el dato o etiqueta aún más pequeño. Usa una relación de tamaño de al menos 1.5x entre niveles para que la diferencia se lea de un vistazo, no que parezcan tres cosas del mismo rango.
Niveles: título / subtítulo / dato
Color: título full, apoyo a var(--text-2)
Cuándo: portadas, tarjetas de dato, intros
Emoción: orden, lectura guiada
Timing del texto: tiempo de lectura mínimo
Un texto que entra y sale antes de poder leerse es ruido. La regla práctica: el espectador lee a unas 3 palabras por segundo. Una frase de 9 palabras necesita unos 3 s en pantalla (90 frames a 30 fps). Para captions de karaoke la palabra sigue al audio, pero para títulos gráficos respeta siempre el mínimo de lectura.
Mínimo en pantalla: 45 frames (1.5 s) @30fps
Frase de 9 palabras: ~90 frames (3 s)
Cuándo: títulos, datos, llamadas a la acción
Emoción: comprensión completa, cero ansiedad
Animación de entrada sobria, sin rebotes infinitos
El texto puede entrar con un fade o un slide corto de 6-10 frames, o un leve scale de 0.95 a 1. Lo que mata el profesionalismo es el rebote elástico exagerado, el spin, o cualquier loop que no se detiene. La animación entra una vez, asienta y se queda quieta para que se lea. El movimiento sirve a la entrada, no compite con la lectura.
Scale: de 0.95 a 1, sin overshoot fuerte
Easing: ease-out, nunca bounce infinito
Cuándo: títulos y captions gráficos
Emoción: pulido, control, sin mareo
No tapes la cara ni la acción
El texto compite por el mismo espacio que el sujeto. Coloca el caption donde no cruce los ojos, la boca ni el gesto principal. En un talking head, el tercio inferior central suele estar libre; si el encuadre es muy cerrado, baja el sujeto al reencuadrar o reduce el texto. Mejor mover el texto que esconder lo que la gente vino a ver.
Posición: tercio inferior libre del sujeto
Alternativa: reencuadra antes de tapar
Cuándo: todo talking head y primer plano
Emoción: conexión, el rostro vende
Consistencia de estilo en los captions
Una vez que defines fuente, peso, color, contorno, posición y animación del caption, ese estilo se repite idéntico en toda la pieza y en toda la serie. Cambiar el look entre clips se lee como amateur y distrae. Guárdalo como preset o estilo de título reutilizable para no improvisar dos veces lo mismo.
Herramienta: preset o estilo de título guardado
Alcance: toda la pieza y toda la serie
Cuándo: desde el primer caption del proyecto
Emoción: marca sólida, confianza
Números y datos en pantalla para dar credibilidad
Una cifra concreta en pantalla ancla la afirmación y se recuerda: +40% pesa más que "mucho más". Cuando el narrador diga un dato, refuérzalo en texto grande y resaltado, idealmente con su fuente o contexto debajo en menor. El ojo cree lo que ve escrito incluso más que lo que oye. Úsalo para datos reales; inflar números falsos destruye la confianza al instante.
Apoyo: fuente o contexto debajo, menor
Permanencia: ≥90 frames (3 s) @30fps
Cuándo: claim, resultado, prueba social
Emoción: credibilidad, autoridad
- R-147 Subtitula siempre: se ve sin sonido
- R-148 Posición segura del subtítulo (sobre la UI de la app)
- R-149 Tamaño legible y límite de caracteres por línea
- R-150 Contraste: contorno o caja detrás del texto
- R-151 Sincronía palabra por palabra (estilo karaoke)
- R-152 Tipografía: pocas fuentes, peso alto
- R-153 Mayúsculas vs tipo oración
- R-154 Resalta la palabra clave
- R-155 Jerarquía: título, subtítulo, dato
- R-156 Timing del texto: tiempo de lectura mínimo
- R-157 Animación de entrada sobria, sin rebotes infinitos
- R-158 No tapes la cara ni la acción
- R-159 Consistencia de estilo en los captions
- R-160 Números y datos en pantalla para dar credibilidad