Como adicionar uma moldura de iPhone a uma captura de ecrã

Faça uma captura de ecrã limpa

Um mockup só pode ser tão bom como a captura que contém. Antes de capturar, feche as notificações, oculte os dados pessoais e certifique-se de que o ecrã mostra uma ideia clara, como uma funcionalidade, um resultado ou uma mensagem.

• iPhone com Face ID: prima simultaneamente o botão lateral e o botão de aumentar o volume.
• iPhone com botão principal: prima simultaneamente o botão lateral (ou superior) e o botão principal.
• Mac: prima Shift-Comando-4 para capturar uma área, Shift-Comando-3 para o ecrã inteiro ou Shift-Comando-5 para mais opções.

Se quiser mostrar uma página web em vez de uma aplicação, uma janela de navegador ao estilo do Safari costuma explicar melhor o contexto do que uma moldura de telefone. Consulte mockups de navegador e dispositivos.

Adicione a moldura de iPhone no Collage Easy

1. Abra o Collage Easy e inicie um projeto novo com a sua captura. O Collage Easy é gratuito na App Store para iPhone, iPad e Macs com Apple silicon (M1 ou posterior) e macOS 14 ou posterior.
2. Abra o painel Mockups e escolha uma moldura de iPhone. A captura aparece dentro do ecrã do dispositivo.
3. Verifique o ajuste. Uma captura feita num iPhone encaixa melhor numa moldura de iPhone. Se usar uma captura de outro dispositivo, recorte-a primeiro para que a parte importante preencha a área do ecrã sem esticar.
4. Escolha um fundo. Escolha uma cor sólida para documentação, um padrão para algo divertido, uma paisagem natural para dar calor ou a sua própria imagem se o lugar for importante.
5. Ajuste o tamanho e a posição. Deixe uma margem visível à volta da moldura para que a borda do dispositivo seja claramente percetível. Experimente primeiro a versão direita e depois compare uma ligeira inclinação.
6. Adicione contexto se necessário. Um título curto fora da moldura, adicionado com a ferramenta de texto, costuma explicar mais do que uma seta sobre a interface.
7. Exporte e verifique. Guarde a imagem, abra-a em Fotografias e veja-a no tamanho em que as pessoas realmente a verão.

Faça o mockup parecer profissional

• Uma mensagem por imagem. Se precisar de três ecrãs para explicar algo, faça três imagens ou uma pequena colagem com a mesma moldura e fundo.
• Primeiro o contraste, depois a decoração. Um ecrã de aplicação escuro desaparece num fundo escuro. Escolha um fundo mais claro ou colorido ou mova a moldura para uma área mais calma.
• Mantenha a credibilidade. Pequenas inclinações dão energia, mas uma rotação forte dificulta a leitura do texto da interface.
• Seja consistente. Para uma apresentação da App Store, um portefólio ou uma atualização de produto, use a mesma moldura, estilo de fundo e margem em todas as imagens. A consistência parece intencional.
• O texto fica fora do ecrã. Coloque as legendas no fundo, não sobre a interface, para que a captura continue honesta e legível.

Escolha o tamanho de exportação certo

Decida onde o mockup será visto antes de o ajustar ao pormenor. Uma publicação vertical funciona bem a 1080 × 1350 píxeis (4:5), uma Story a 1080 × 1920 (9:16) e um destaque de site precisa muitas vezes de uma forma horizontal. O nosso guia de tamanhos de colagem enumera os tamanhos atuais para Instagram, Stories, Pinterest e impressão. Se um mockup tiver de servir vários lugares, crie primeiro uma versão original e depois uma variante para cada formato. O guia escolher o formato de exportação antes do recorte explica porquê.

Resolva problemas comuns

• A captura parece esticada: volte a importar a original e ajuste-a sem a forçar para outra forma.
• O texto é demasiado pequeno: recorte a área importante, aumente a moldura ou use menos elementos à volta.
• A moldura mistura-se com o fundo: mude para um fundo com mais contraste. Consulte como criar fundos que valorizem a colagem.
• Deteta dados privados depois de exportar: faça uma nova captura. Nunca dependa de um sticker para ocultar informação sensível.