Como os designers processam seu trabalho em um iPhone / Android?

7

Antes de votar, fique comigo como eu sou um desenvolvedor! Sempre fiquei curioso para saber como os designers renderizam seu trabalho em um telefone para mostrar a seus clientes como ele pode parecer no telefone, por exemplo:

insira a descrição da imagem aqui

(Fonte: Dribble )

Suponho que é exatamente o que eles estão fazendo, usando algum tipo de renderização 3D de um iPhone e transformando sua imagem para caber na tela. Qualquer tutorial seria ótimo ... apenas satisfazendo minha curiosidade, obrigado.

xhermit
fonte
2
Relacionado: Como posso pegar um arquivo psd do iPad e colocar uma imagem nele? . Esse exemplo particular está usando este modelo maquete
JohnB
Bem-vindo ao GD.SE! Uma pesquisa rápida pela maquete do iPhone produziu páginas como esta ... recursos e tutoriais devem ser abundantes e fáceis de encontrar.
Brendan
relevante e uma tentativa de uma resposta geral: como maquete um logotipo em um ambiente realista?
Vincent Vincent

Respostas:

5

Normalmente, eu uso essa ferramenta para esse propósito: http://placeit.breezi.com/ .

sahithya
fonte
1

Você pode criar imagens como esta no adobe photoshop. Abra sua imagem e coloque sua captura de tela do site dentro do dispositivo. Dê uma olhada neste tutorial http://blog.appdemostore.com/2014/10/how-to-add-your-screenshot-to-phone.html .

Ou você pode usar alguma ferramenta como placeit.net, picapp.net, magicmockups.com.

O Placeit.net possui muitas imagens com diferentes origens e é possível fazer o download gratuito de uma imagem pequena ou de uma imagem grande por US $ 8 ou US $ 28.

Picapp.net também tem muitas imagens, mas sem fundo. As imagens são .png e você pode escolher um dispositivo simples ou um dispositivo em mãos. O preço é de US $ 5.

Magicmockups.com não tem muitas imagens, mas você pode baixá-las gratuitamente (ou doar se quiser). Todas as imagens estão em segundo plano.

Diana Alexescu
fonte