Fondos, marcos y margen

Una grabación de pantalla en bruto llena el encuadre de lado a lado y se lee como una captura que alguien filmó. Retranquearla sobre un fondo, redondear las esquinas y añadir una sombra suave lleva unos cuatro segundos y cambia la impresión por completo. Esto es lo que hace cada control y dónde deja de ayudar.

El fondo es una superficie, no una imagen

Los ocho fondos son degradados y planos dibujados en código: papel claro, tinta oscura, pizarra fría, arena cálida, musgo apagado, brasa suave, un plano liso y ninguno, para salida transparente. Son deliberadamente callados: el trabajo de un fondo es hacer que la grabación parezca encajada e iluminada, no que se la mire. Y, con la misma deliberación, no hay aurora violeta-azul, porque es el cliché visual que envejece al instante un vídeo de producto y lo hace parecer igual que todos los demás. Elige claro para una interfaz clara y oscuro para una oscura, o al revés para contraste, y luego deja de pensar en ello.

Margen, esquinas y sombra

El margen es cuánto se retranquea la grabación del borde del encuadre, y es el que más trabaja de los tres: alrededor de un 5 % es un buen valor por defecto, más en formatos verticales donde el aire extra se lee como intención, y cero cuando quieres la grabación de borde a borde. Las esquinas redondeadas sugieren una ventana en vez de una captura en bruto. La sombra da a la grabación una posición en el espacio; el valor por defecto está al 85 % de intensidad, con el desenfoque y el desplazamiento escalados al encuadre para que siga proporcionado en cualquier resolución. Los tres fallan en la misma dirección: demasiado margen encoge tu interfaz hasta lo ilegible, demasiado redondeo se come las esquinas de la interfaz, y demasiada sombra se lee como un efecto de presentación de hace veinte años.

Marcos de ventana y de navegador

Tres opciones: ninguno, una barra de ventana simple con tres puntos y un marco de navegador con barra de direcciones. La barra de ventana va bien para cualquier cosa que no sea una web: una aplicación de escritorio, una herramienta, un panel. El marco de navegador va bien cuando importa que sea una web, y la barra de direcciones lleva **la URL que escribas y nada más**. Se deja vacía a propósito: imprimir una URL de aspecto plausible que no es la que se está mostrando engaña al espectador, y ese no es un valor por defecto que estemos dispuestos a publicar. La barra viene clara u oscura para casar con tu interfaz.

Qué mueve realmente la cámara

Conviene saberlo porque explica por qué las demos compuestas se ven bien: el fondo se queda fijo y lo que escala y se desplaza es la grabación enmarcada. Un zoom entra en la pantalla dentro del marco mientras la superficie sobre la que se apoya se queda donde está, exactamente como una cámara que se acerca a una pantalla sobre una mesa, no como si el mundo entero se ampliara. Si el fondo escalara con la grabación, cada zoom parecería una transición barata de diapositivas. El mismo renderizador dibuja la vista previa y el archivo exportado, así que lo que ves al editar es lo que recibe el codificador.