Guia de mockups e artes para as lojas

Trinta guias práticos sobre mockups de dispositivos, tamanhos de captura para App Store e Google Play, vídeos promocionais, movimentos de câmera e ajustes de exportação — feitos pelo time que desenvolve o Mockuptop.

• Tamanhos de captura da App Store, sem planilhaOs tamanhos de captura de iPhone e iPad aceitos pelo App Store Connect, quantas você pode enviar e por que um único conjunto costuma bastar.
• Tamanhos de captura e artes de loja no Google PlayDimensões de celular, tablet, imagem de destaque e ícone em uma ficha do Play, além dos limites de proporção que derrubam envios.
• Prévias em vídeo: exigências e uma estrutura que funcionaDuração, resolução, taxa de quadros e regras de conteúdo das prévias da App Store, além de uma montagem de 20 segundos que funciona no mudo.
• O vídeo promocional do Play e como fazê-lo merecer o espaçoComo funciona o vídeo promocional do Play, por que é um link do YouTube e não um upload, e como montar os cinco primeiros segundos.
• Projetar uma imagem de destaque que sobrevive à reduçãoRegras de design para a imagem de destaque do Google Play: áreas seguras, tamanho de texto e por que o centro precisa ficar livre.
• Colocando a captura dentro de um mockup de iPhoneMétodo passo a passo para transformar uma captura crua em mockup de dispositivo: proporção, cantos e escolha do fundo.
• Mockups Android para uma ficha do PlayO que diferencia um mockup Android de um de iPhone, qual proporção adotar e como manter a ficha do Play coerente.
• Mockups de notebook que fazem um app web parecer realComo apresentar um app web em mockup de notebook: largura de captura, ângulo da tampa, sombras e quando uma moldura de navegador plana é melhor.
• Mockups de tablet e por que as lojas insistemTamanhos de captura para tablet, retrato ou paisagem, e por que as lojas tratam esses itens como sinal de qualidade.
• Mockups de smartwatch: tela pequena, grande problema de enquadramentoComo apresentar uma tela minúscula de forma convincente: recorte, escala, pulseira e por que o enquadramento é diferente do celular.
• Usar mockups 3D com intençãoA diferença entre um template plano e um render 3D de verdade, e como usar perspectiva sem perder legibilidade.
• Moldura ou captura limpa: decida por espaçoQuando a moldura ajuda a conversão, quando desperdiça pixels e como decidir por espaço em vez de por hábito.
• Escrevendo os textos das capturas de lojaComo escrever e posicionar o texto das capturas de loja para ser legível em miniatura e agregar o que a imagem não consegue.
• Sua primeira captura faz quase todo o trabalhoPor que a imagem inicial do carrossel pesa de forma desproporcional e como escolher e projetar essa imagem.
• Checklist de pré-voo para artes de lojaUma lista curta de verificação: tamanhos, ordem, textos, localização, coerência e os erros que levam à recusa.
• Localizar sem redesenhar onze vezesComo montar um conjunto de capturas que traduz limpo, quais idiomas compensam e quais decisões de layout barateiam a localização.
• Claro ou escuro: qual tema entra na sua fichaSe apresentar o app em claro ou escuro, como o fundo da loja pesa na escolha e como mostrar os dois sem dobrar o trabalho.
• Escolher um fundo que mantém a tela como assuntoComo escolher um fundo que mantenha a interface em foco: direção do gradiente, contraste e uso da cor de marca.
• Iluminar um mockup para ele parecer um objetoUm esquema prático de três luzes, por que metal e vidro ficam pretos e como posicionar uma sombra de contato que ancora sem dominar.
• Ângulos de câmera: cinco enquadramentos que cobrem quase tudoComo inclinação, rotação, campo de visão e zoom interagem em um mockup 3D, e quais enquadramentos mantêm a tela legível.
• Keyframes: o menor modelo que funcionaComo funcionam os keyframes em um editor de mockups, quais propriedades vale animar e quantos uma boa tomada realmente precisa.
• O easing separa movimento de movimento com intençãoO que as curvas de easing fazem, quais combinam com movimento de produto e quais erros deixam um vídeo de mockup amador.
• Como um promo de 20 segundos é realmente construídoUma estrutura tomada a tomada para um vídeo curto de produto, com tempos, a função de cada batida e onde a maioria das tentativas falha.
• Escolhendo um formato de exportação para mockupsQual formato usar para lojas, sites e redes sociais, e como transparência e gradientes mudam a resposta.
• Exportar um vídeo de mockup que não pareça comprimidoResolução, taxa de quadros, bitrate e codec ao exportar um mockup animado, e por que exportar quadro a quadro vence a gravação de tela.
• Mockups transparentes: úteis em todo lugar menos nas lojasExportar um mockup com alfa, onde a transparência ajuda e onde ela faz seu envio ser recusado.
• Usando um mockup no topo de uma landing pageComo usar um mockup em uma landing page: tamanho, recorte, imagem parada ou vídeo, e como manter a página rápida.
• Dimensionando mockups de produto para redes sociaisProporções práticas para X, LinkedIn, Instagram e Product Hunt, além das áreas seguras que evitam desastres de recorte.
• Mockups de dispositivos e as perguntas jurídicas que se pulamRegras práticas sobre usar imagens de aparelhos em marketing: marcas, licenças de foto e por que um aparelho neutro é a opção de baixo risco.
• Transformando uma gravação de tela em prévia pronta para a lojaO fluxo completo: gravar limpo no aparelho ou simulador, cortar, colocar em um mockup e exportar pronto para a loja.