Um mockup é a imagem da moldura de um dispositivo, tela vazia, na qual você insere uma captura para mostrar um site ou aplicativo em seu contexto de uso. Em uma página de vendas, portfólio ou apresentação ao cliente, a mesma captura colocada em Self service kiosk é imediatamente legível como uma interface computador.
Este arquivo é um PNG com fundo transparente: o contorno do dispositivo e a área da tela estão vazios, o que evita qualquer recorte. Você coloca sua captura na camada inferior no Figma, Sketch, Photoshop, Canva, Keynote ou PowerPoint, e a moldura se sobrepõe corretamente, inclusive em um fundo colorido, um gradiente ou uma foto.
Para uma renderização nítida, prepare sua captura na proporção da tela, idealmente em sua resolução nativa de 1080 x 1920 pixels. A versão gratuita é exportada em 365 × 800 pixels, amplamente suficiente para uma tela; a versão em alta definição chega a 3822 × 8383 pixels e cobre a impressão, assim como o recorte apertado. Os outros modelos estão disponíveis no mesmo formato, todos disponíveis para download gratuito: mockups de iPhone, Samsung Galaxy, Google Pixel, iPad e laptops.