Colocando a captura dentro de um mockup de iPhone
Uma captura crua é um retângulo de interface. O mockup dá a esse retângulo um corpo, uma sombra e um lugar onde se apoiar, e é isso que faz ela ser lida como produto e não como documento. A mecânica é simples; o que costuma sair errado é a proporção, o raio dos cantos e o espaço em volta do aparelho.
Comece por uma captura na proporção nativa
Faça a captura em um aparelho ou simulador que combine com a moldura que você vai usar, para a proporção já sair certa. Se esticar uma captura 16:9 dentro de uma moldura 19,5:9, tudo se deforma de leve e o resultado parece errado de um jeito que se sente sem saber nomear. Se você só tem uma captura no formato errado, recorte em vez de esticar: perder uma faixa de uma lista não se nota, tipografia deformada sim.
Deixe cantos e notch para a moldura
Não arredonde os cantos da captura em um editor antes de encaixar. A moldura já mascara a tela, e cantos pré-arredondados criam borda dupla ou halo. O mesmo vale para a barra de status e a ilha dinâmica: se o mockup desenha esses elementos, esconda-os na captura, senão você terá dois relógios. Uma boa ferramenta oferece chaves para isso em vez de obrigar você a retocar o original.
Deixe ar e só então escolha o fundo
Um aparelho colado na borda da tela parece apertado e recorta mal em todo lugar. Deixe margem generosa e escolha um fundo com uma única função: um gradiente suave para capturas de loja, uma cor chapada de marca para redes sociais, transparência para um topo de site em que o fundo da página deve aparecer. Só vá para uma foto se o app for sobre o mundo físico; caso contrário ela disputa atenção com a interface.
Perguntas frequentes
Preciso de um iPhone de verdade?
Não. Basta uma captura de simulador ou qualquer imagem na proporção certa; o corpo do aparelho é renderizado para você.
O mockup deve mostrar um modelo específico?
Raramente. Um aparelho neutro e estilizado envelhece melhor, evita questões de marca e não deixa sua ficha datada quando sai hardware novo.
Em que resolução exportar?
No mínimo no tamanho de destino e, para a App Store, exatamente nas dimensões da classe. Renderizar no dobro e reduzir dá bordas mais limpas em corpos curvos.
Faça no navegador. Coloque sua captura em um dispositivo 3D, mova a câmera e exporte uma imagem ou um vídeo. Sem instalar nada e sem conta.
Abrir o editor 3D Abrir o editor de fotos