Android

Como criar modelos de design de alta qualidade usando mockdrop

Affinity Photo using mockup psd files for package design

Affinity Photo using mockup psd files for package design

Índice:

Anonim

Para aqueles de nós na área de design e blogs, os mockups podem ser inestimáveis ​​para mostrar designs ou expressar ideias e temas. Quando eu digo "maquete", estou me referindo a uma imagem exibida no contexto de uma tela de dispositivo, como a de um monitor de computador ou tela de celular.

Mockups são ótimos para dar uma ideia de como uma imagem ficará em uma tela de um dispositivo em particular, assim como a aparência de uma imagem de diferentes ângulos.

Hoje vamos discutir o site Mockdrop que permite a fácil geração de mockups. O site contém muitos modelos que devem atender às necessidades de uma ampla gama de usuários.

Nota: Mockups podem, é claro, ser criados manualmente usando um software de edição de imagens, no entanto, o Mockdrop torna o processo mais fácil e a geração de um modelo é obtida com apenas alguns cliques. Ele é projetado com a intenção de economizar tempo e esforço dos usuários.

Como funciona

Ao visitar o Mockdrop, você notará vários modelos de modelos com vários tipos de dispositivos como bases. É possível criar modelos de smartphone, laptop, desktop, smartwatch e tablet.

Ao navegar pelos modelos, você pode optar por filtrá-los por categoria ou simplesmente optar por exibi-los todos. Clicar em qualquer uma das imagens exibe uma versão ampliada do modelo, dando uma ideia melhor da aparência.

Quando você tiver decidido sobre o modelo que você deseja usar, clique nele e ele será explodido. Você deve então clicar na área da tela e você terá permissão para navegar em seu computador para o arquivo de sua escolha com o qual deseja fazer upload e gerar sua maquete.

Alternativamente, você pode simplesmente arrastar e soltar a imagem de sua escolha no modelo de sua escolha, a fim de enviar sua imagem de escolha.

O produto final deve ficar ótimo como no exemplo abaixo, já que os modelos base do Mockdrop são realmente muito atraentes.

Nota: O autor do site nos garante que as imagens encontradas são de uso gratuito, no entanto, você não deve revendê-las. Por favor note: Mockdrop requer um navegador mais novo para funcionar corretamente. É compatível com as versões mais recentes do Chrome, Safari e Firefox.

Conclusão

No geral, Mockdrop funciona muito bem e eu só noto uma questão um pouco chata com o site. Quando você clica em uma imagem para visualizar uma versão ampliada, clicar fora dessa imagem não retorna o site à sua forma original e, a partir desse ponto, eu só posso clicar em outras imagens visíveis e ver suas versões ampliadas. Se eu quiser voltar para a visualização regular, devo apontar meu navegador para a página principal do Mockdrop novamente.

Isso não atrapalha muito a funcionalidade, mas é uma dessas pequenas coisas que poderiam lhe dar nos nervos. Usar Mockdrop é definitivamente uma experiência livre de problemas, literalmente exigindo apenas alguns cliques para produzir os resultados desejados.

LEIA TAMBÉM: Como organizar os designs visuais em um Mac com Lingo