Meter una captura dentro de un mockup de iPhone

Una captura en bruto es un rectángulo de interfaz. El mockup le da a ese rectángulo un cuerpo, una sombra y un lugar donde apoyarse, y eso es lo que hace que se lea como producto y no como documento. La mecánica es simple; lo que se suele fallar es la proporción, el radio de las esquinas y el aire alrededor del dispositivo.

Parte de una captura en la proporción nativa

Haz la captura en un dispositivo o simulador que coincida con el marco que vas a usar, para que la proporción ya sea correcta. Si escalas una captura 16:9 dentro de un marco 19,5:9, todo se deforma sutilmente y el resultado se percibe mal sin que se sepa explicar por qué. Si solo tienes una captura que no encaja, recórtala en vez de estirarla: perder una franja de una lista no se nota, la tipografía deformada sí.

Deja las esquinas y la muesca al marco

No redondees las esquinas de la captura en un editor de imagen antes de colocarla. El marco ya recorta la pantalla, y unas esquinas preredondeadas producen doble borde o halo. Lo mismo vale para la barra de estado y la isla dinámica: si el mockup las dibuja, ocúltalas en la captura o verás dos relojes. Una buena herramienta ofrece interruptores para esto en vez de obligarte a retocar el original.

Deja aire y luego decide el fondo

Un dispositivo pegado al borde del lienzo se siente apretado y se recorta mal en todas partes. Deja un margen generoso y elige después un fondo con una sola función: un degradado suave para capturas de tienda, un color plano de marca para redes, transparencia para una cabecera web donde debe verse el fondo de la página. Recurre a una foto solo si la app trata del mundo físico; si no, competirá con la interfaz por la atención.