MockuptopTodos os guias

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
Idioma: EN TR DE ES FR IT PT AR RU JA KO