ES

Fondos y márgenes: que tu grabación de pantalla parezca diseñada

Un fondo para la grabación de pantalla y algo de margen enmarcan tu ventana y hacen que el vídeo parezca pensado. Cuándo usarlos, cuándo no y cómo mantener tu marca.

Nicolas Ricardi5 min de lectura

En resumen

  • El margen y el fondo dejan espacio alrededor de la ventana grabada, para que se lea como un trabajo enmarcado y no como una captura en bruto.
  • Funcionan mejor en las grabaciones de una ventana o de un área: revisiones de diseño, demos cortas, cualquier cosa que un cliente pueda reenviar.
  • Sáltatelos cuando cada píxel cuenta: hojas de cálculo, dashboards densos, detalle a pantalla completa y vídeos que se ven sobre todo en el móvil.
  • Elige un fondo tranquilo que encaje con tu marca y úsalo en todos los vídeos.
  • ¿Sin herramienta? Un fondo de pantalla de color sólido y un área algo mayor que la ventana te dejan casi en el mismo sitio.

Un fondo para la grabación de pantalla con un poco de margen deja espacio alrededor de la ventana grabada, para que el vídeo parezca un trabajo enmarcado y no una captura en bruto de tu pantalla. Úsalo en presentaciones y demos; sáltatelo cuando quien lo ve necesita cada píxel, como en las hojas de cálculo o con texto pequeño en un móvil.

Es un detalle pequeño, pero cambia cómo llega el vídeo. Una ventana flotando sobre un fondo tranquilo dice «lo he preparado para ti». La misma ventana de borde a borde, con un trozo de escritorio a la vista, dice «he dado a grabar».

Qué hacen el margen y el fondo

Cuando grabas una sola ventana o un área, los bordes del vídeo son los bordes de la ventana. No hay aire, y los elementos de la propia ventana, como la barra de herramientas del navegador, quedan pegados al borde del reproductor.

El margen añade espacio entre el contenido y el borde del vídeo. El fondo rellena ese espacio con un color o una imagen. Juntos:

  • Enmarcan el contenido, para que la vista vaya a la ventana y no a los bordes.
  • Separan tu vídeo del reproductor que lo rodea. En una página web blanca, una app blanca grabada de borde a borde se confunde con la página.
  • Disimulan los tamaños de ventana raros. Una ventana alta y estrecha queda en un marco equilibrado en lugar de parecer recortada.
  • Dan coherencia a los vídeos, aunque grabes apps distintas a tamaños distintos.

Cuándo ayuda un fondo

Presentaciones y revisiones de diseño

Cuando presentas una home o un prototipo, el vídeo forma parte del trabajo. Una grabación enmarcada se parece más a una diapositiva que a un volcado de pantalla. Si es tu caso, nuestra guía para presentar un diseño a un cliente sin reunión trata la estructura del propio vídeo.

Grabaciones de una ventana o de un área

El margen existe para las grabaciones que no llenan la pantalla. Si grabas la ventana de una app o un área seleccionada, le da contexto a esa ventana. Nuestra guía para grabar una ventana o una parte de la pantalla explica cómo elegir el modo de captura.

Vídeos que se reenvían

Un cliente puede reenviar tu recorrido a su jefe o a un compañero que no te conoce. Un marco cuidado causa mejor primera impresión en alguien que no esperaba el vídeo.

Cuándo saltártelo

El margen reduce el contenido para hacer sitio al marco. A veces ese espacio vale más que la estética.

Fondo y margen según el tipo de vídeo
Vídeo ¿Fondo y margen? Por qué
Presentación de diseño, demo ✓ El marco le da acabado
Grabación de la ventana de una web ✓ con poco margen Separa la web del reproductor
Hoja de cálculo o modelo financiero ✗ Cada celda tiene que leerse
Dashboard o panel de administración denso ✗ o mínimo El texto pequeño se hace más pequeño
Grabación a pantalla completa entre apps ✗ La pantalla ya es el marco
Reporte de error rápido ~ opcional La rapidez importa más que el acabado
Cliente que lo ve casi siempre en el móvil ~ mínimo En la pantalla de un móvil no sobra espacio

Si necesitas que los detalles pequeños se lean dentro de un vídeo enmarcado, un zoom en el clic adecuado puede ayudar. Lee zoom automático al grabar la pantalla: cuándo ayuda y cuándo estorba.

Elige un fondo que encaje con tu marca

No necesitas un fondo nuevo para cada vídeo. Elige uno y úsalo siempre, para que tus vídeos se reconozcan.

  • Mejor tranquilo que ingenioso. Un neutro suave o una versión apagada de tu color de marca. Las fotos recargadas y los degradados chillones compiten con el trabajo.
  • Que contraste con el contenido. Detrás de una interfaz clara, un fondo algo más oscuro o tintado. Detrás de una interfaz oscura, uno más claro.
  • Evita los colores de tu cliente. Un fondo con el color de marca del cliente puede chocar con el diseño que le enseñas, en especial si es su propia web.
  • Que sea discreto en los bordes. El fondo es un marco, no el protagonista.

Si envías vídeos con el nombre de la agencia, usar el mismo marco en el equipo entero hace que parezcan salir del mismo sitio. Nuestra página sobre JustRec para agencias explica cómo pueden usarlo los equipos.

Cuánto margen

El suficiente para que se vea el marco, sin que el contenido encoja demasiado. Como punto de partida, piensa en un margen estrecho, más o menos del tamaño de una barra de pestañas del navegador a cada lado, y ajústalo a ojo. Después mira el resultado en una ventana pequeña: si un texto que antes se leía ahora cuesta, reduce el margen.

¿Tu herramienta no tiene fondos? Simúlalo con el fondo de pantalla

Las herramientas integradas de macOS no añaden margen, pero puedes acercarte bastante:

  1. Pon un fondo de pantalla de color sólido. Abre Ajustes del SistemaFondo de pantalla y elige una de las muestras de Colores.
  2. Despeja el escritorio alrededor de la ventana. Aparta los iconos y las demás ventanas.
  3. Ajusta el tamaño de la ventana que vas a grabar y céntrala, dejando espacio alrededor.
  4. Graba un área seleccionada algo mayor que la ventana. Pulsa ⌘⇧5 y elige la herramienta Grabar una parte de la pantalla.

Ahora el vídeo tiene la ventana sobre un fondo liso. No queda tan limpio como con una función específica, porque el área es fija y la ventana tiene que quedarse dentro, pero es gratis.

Detalles pequeños, uso constante

Un fondo no salva un vídeo confuso, y no hace falta en un reporte de error rápido. Pero en los vídeos que representan tu trabajo, es una forma barata de parecer preparado. Configúralo una vez, úsalo siempre y desactívalo cuando el contenido necesite el espacio.

Para la otra cara de una grabación limpia, un navegador ordenado y el nivel de zoom correcto, lee cómo grabar una página web en el navegador sin nada que estorbe. Para lo básico sobre grabar en un Mac, lee cómo grabar la pantalla en el Mac.

Preguntas frecuentes

¿Cómo añado un fondo a una grabación de pantalla?

Algunos grabadores de pantalla añaden automáticamente un fondo y un margen alrededor de la grabación. Si el tuyo no lo hace, pon un fondo de pantalla de color sólido, graba un área un poco mayor que tu ventana o añade un fondo después en un editor de vídeo.

¿El margen hace más pequeño el contenido de la pantalla?

Sí. El marco ocupa espacio, así que el contenido se reduce un poco en el vídeo final. En un portátil no pasa nada, pero en un móvil puede hacer que el texto pequeño cueste de leer, así que usa menos margen o ninguno en los vídeos con mucho detalle.

¿De qué color debe ser el fondo de una grabación de pantalla?

Algo tranquilo que contraste con el contenido: un neutro suave o un color de marca apagado detrás de una interfaz clara, un tono más claro detrás de una oscura. Evita las fotos recargadas y los degradados intensos que compiten con el trabajo.

¿Todos los vídeos para clientes deben tener fondo?

No. Ayuda en presentaciones, demos y cualquier cosa que represente tu trabajo. En reportes de errores rápidos o recorridos por hojas de cálculo, importa más el contenido a tamaño completo que el marco.

Escrito por

Nicolas Ricardi

Maker of JustRec, at Nube

Nicolas makes JustRec at Nube, a web studio in Italy. He built it for the videos Nube sends to its own clients: design reviews, handovers and quotes explained in a few minutes instead of a meeting.

www.wearenube.dev
Mejores vídeos