Zonas seguras: dónde no puedes poner nada
Tu diseño no se ve como lo diseñas
Trabajas en un lienzo de 1280 x 720 limpio. El espectador ve otra cosa: la misma imagen con elementos de la interfaz encima y recortada según el dispositivo. Diseñar sin tener esto en cuenta es el error técnico más frecuente.
La marca de tiempo
YouTube superpone la duración del vídeo en la esquina inferior derecha de todas las miniaturas. No puedes desactivarlo. Deja esa esquina libre: aproximadamente los últimos 220 píxeles de ancho y los últimos 80 de alto. Ahí no va texto, ni una cara, ni nada que importe.
Otros elementos que tapan
- El icono de ver más tarde y el de la cola aparecen al pasar el ratón, en la parte superior derecha.
- En algunas superficies aparece una barra de progreso roja en el borde inferior si has empezado a ver el vídeo.
- En listas de reproducción, una banda lateral tapa parte de la derecha.
La zona segura práctica
Regla sencilla: mantén todo lo importante dentro del centro, en un área de unos 1100 x 620 píxeles, y deja libre la esquina inferior derecha. Si el elemento clave está tocando un borde, muévelo.
Los tamaños reales a los que se ve
| Contexto | Tamaño aproximado |
|---|---|
| Sugeridos en la barra lateral de escritorio | 120 x 68 px |
| Cuadrícula del móvil | 160 x 90 px |
| Resultados de búsqueda en escritorio | 360 x 202 px |
| Tarjeta principal en televisor | 640 x 360 px o más |
Fíjate en el primero: 120 píxeles de ancho. A ese tamaño solo sobrevive lo que tenga contraste brutal y muy pocos elementos. Diseña pensando en ese escenario, no en el televisor.
Cómo lo compruebas
En Canva puedes duplicar el diseño, reducirlo al 15 % y verlo al lado de la versión grande. Si al 15 % no distingues qué es ni qué dice, no está terminado.
Diseña en grande, decide en pequeño. La versión que importa es la de 120 píxeles.