Gerador de mockups de capturas de tela

Uma captura de tela simples parece inacabada num portfólio, num lançamento de produto ou num post nas redes. Este gerador de mockups coloca sua captura dentro de uma moldura realista, como uma janela de navegador ou um dispositivo, sobre o fundo que você escolher, e exporta uma imagem pronta. Não precisa de software de design, e sua captura fica no seu computador.

Como criar um mockup

1. Envie ou cole sua captura de tela.
2. Escolha uma moldura: navegador claro, navegador escuro, notebook, celular, tablet ou sem moldura.
3. Nas molduras de navegador, digite o texto que deve aparecer na barra de endereço, como o seu domínio.
4. Escolha a cor ou o degradê do fundo e o espaçamento ao redor da moldura.
5. Baixe o mockup em PNG.

Qual moldura escolher

• Navegador: sites, aplicativos web e dashboards. A barra de endereço mostra sua URL como parte da mensagem.
• Notebook: softwares de desktop e landing pages de SaaS.
• Celular e tablet: apps mobile e designs responsivos.
• Sem moldura: só um fundo limpo e uma sombra, para detalhes em close.

Onde os mockups ajudam

• Lançamentos no Product Hunt, páginas em lojas de apps e imagens principais de landing pages.
• Estudos de caso de portfólio e apresentações para clientes.
• Posts em redes sociais, newsletters e artigos de blog sobre o seu produto.
• Documentação e changelogs que mostram novos recursos.

Dicas

• Capture em resolução máxima ou numa tela de alta densidade para que o texto fique nítido.
• Combine a moldura com a captura: celular para uma captura mobile, navegador para desktop.
• Use a cor da sua marca no fundo para um conjunto de imagens consistente.
• Esconda dados pessoais da captura antes de compartilhar.

Redimensione o resultado para cada plataforma com o redimensionador de imagens para redes sociais ou faça anotações nas capturas antes com o editor de capturas de tela.