Como personalizar uma maquete do iPhone ou iPad
É hora da crise, e um cliente quer ver seu design como seria em um iPhone ou iPad. Não se preocupe; existem vários modelos prontos para uso no mercado aguardando sua personalização.
Personalizar uma maquete é uma maneira fácil de exibir um projeto de design em um ambiente realista que certamente impressionará os clientes. O uso de uma maquete pode ajudar outras pessoas a visualizar melhor como o design será exibido com alguma ideia de escala. (Às vezes é fácil esquecer que nem todo mundo vê e imagina um projeto da mesma maneira que você.)
Se você nunca personalizou uma maquete, ela pode ser um pouco intimidadora no início, mas seguiremos o processo.
Explore os modelos do iPad
Selecione uma maquete
O primeiro passo é escolher uma maquete que funcione para seus projetos e fluxo de trabalho. As opções a serem consideradas incluem o formato e o tamanho do arquivo, o design da maquete e se ela complementará o seu projeto. Alguns modelos vêm com uma única imagem para inserir desenhos, enquanto outros vêm em mais um formato de kit com vários modelos e opções.
Aqui estão alguns bons lugares para começar a procurar um ótimo design de maquete:
- Modelos de maquete tem uma ótima coleção de maquetes variadas e gratuitas
- Mais de 100 modelos de PSD e vetores para iPhone
- Mais de 100 modelos de iPad: PSDs, fotos e vetores
- Mais de 100 modelos de MacBook PSD e vetor
- Mais de 50 modelos e gráficos de Apple Watch
- Mais de 40 modelos de iMac: PSDs, fotos e vetores
Pense em tamanho e escala
Antes de comprar ou baixar uma maquete, pense em como planeja usá-la. Será enviado por e-mail para visualização rápida ou impresso em cartolina para uma apresentação na sala de reuniões? Isso ajudará a determinar se você pode usar uma maquete PSD menor ou se precisa de uma versão baseada em vetor. (Pessoalmente, eu sempre opto pelo vetor, porque você nunca sabe o que pode aparecer e eu odeio brigas no último minuto.)
A outra consideração de formato é como você se sente confortável com o software no qual editará o design. As versões PSD exigem um conhecimento decente do Adobe Photoshop e do uso de camadas, enquanto os formatos vetoriais geralmente são editados no Adobe Illustrator.
Escolha um ambiente realista
Os planos de fundo das maquetes podem variar de um iPhone ou iPad em um fundo branco a opções com exibição de fotos totalmente realista, como uma mão segurando um telefone.
Um ambiente realista pode ajudar um cliente a imaginar o design como ele realmente seria usado - e é um daqueles "truques" de apresentação que podem impressionar. Uma maquete sem fundo coloca o foco apenas no design, que é o que muitos designers preferem. Também existem versões intermediárias, com iPhone ou iPads em cima de imagens de fundo que quase caem, como uma mesa ou contra um padrão sutil.
Elogie o design
Não importa qual estilo de maquete você escolher, ele deve complementar o design. Não use um fundo de madeira para um tema com espaçamento; a justaposição é chocante. (Um fundo de grão de madeira com um design baseado na natureza seria mais apropriado.)
Não apenas seu design se comunicará, mas ao usar uma maquete, a qualidade geral da apresentação também diz algo sobre o projeto.
Prepare seu projeto
O maior passo na preparação do seu design para uma maquete é criar uma cópia para esse dispositivo de tamanho. Não importa em que tipo de ambiente você constrói o site ou aplicativo.
Para maquetes do PSD, você pode fazer algo tão simples quanto tirar uma captura de tela do design.
Para formatos baseados em vetor, você só precisa garantir que a imagem seja grande o suficiente para o que planeja fazer com a maquete. (Às vezes, uma captura de tela não é suficiente.)
Se você estiver usando o mesmo conjunto de software - como a Adobe - para esses projetos, mover um design para uma maquete pode ser tão fácil quanto copiar e colar. (Realmente!)
Mesclar a maquete e o design
Depois de criar uma maquete e um design, convém mesclar os dois em um único arquivo para uma personalização completa. O melhor da maioria dos modelos de iPhone e iPad é que eles foram feitos para você fazer as alterações que desejar com as camadas agrupadas e organizadas.
Abra a maquete e o design
Pode ser necessário descompactar a maquete para iniciar. O arquivo é aberto no software apropriado.
Abra seu design, ou variações de design, ou faça a captura de tela que você usará para a maquete (este é o método preferido para muitos iniciantes para tornar as estruturas de arquivos menos desajeitadas).
Aprenda a estrutura do arquivo
Depois de entrar na maquete do iPhone ou iPad pela primeira vez, você deverá olhar em volta para sentir a estrutura do arquivo.
Adicione seu design
Então você está pronto para adicionar seu design. Você deseja estabelecer um bom conjunto de práticas de fluxo de trabalho e arquivo para poder usar uma maquete repetidamente com facilidade. Aqui está um fluxo de trabalho de personalização sugerido:
- Crie uma nova pasta, nomeie-a com base no projeto e adicione seus elementos de design à nova pasta… ou
- Adicione seus elementos de design ao local pré-rotulado na maquete (muitos maquetes incluem uma pasta predefinida)
- Ajuste o posicionamento para que a maquete esteja na camada correta (geralmente na parte traseira)
- Gire, incline ou dimensione conforme necessário para caber na maquete
- Desative todas as camadas desnecessárias
- Salve
Conclusão
Então, onde você encontra uma maquete de qualidade para iPhone ou iPad? O que você deve esperar pagar?
Você pode encontrar alguns dos melhores modelos aqui (todas as imagens neste post são dessas coleções):
- Mais de 100 modelos de PSD e vetores para iPhone
- Mais de 100 modelos de iPad: PSDs, fotos e vetores
- Mais de 100 modelos de MacBook PSD e vetor
- Mais de 50 modelos e gráficos de Apple Watch
- Mais de 40 modelos de iMac: PSDs, fotos e vetores
Os modelos variam de preço gratuito, a kits, com várias versões em formatos escaláveis que geralmente são inferiores a US $ 20. (Muitas versões gratuitas ficam ótimas, mas são adequadas apenas para visualização digital.) Você poderá usar muito essas ferramentas e, usando um conjunto comum de maquetes, a preparação de projetos se tornará parte do seu fluxo de trabalho.
