Dez principais sites para a criação de mockups gratuitos para smartphones

Maquetes digitais são uma ótima maneira de mostrar seu trabalho, como uma nova ideia de aplicativo, um novo logotipo ou um novo design de IU inovador. Mas fazer um não é uma tarefa fácil e geralmente requer conhecimento de ferramentas como Photoshop e Illustrator.

Aprender esses dois é um desafio em si, e ninguém tem tempo de mostrar a ideia do aplicativo para alguém no verso de um guardanapo de papel. Os criadores de maquetes online são as ferramentas que tornam esse processo tão fácil com apenas alguns cliques.

Mas se você for pesquisando no Google, a maioria dos serviços que você encontrar será paga. Então, compilamos uma lista dos 10 principais sites, que também usamos com frequência, para criar lindas maquetes de graça.

Observação: Embora nenhum desses sites mostre anúncios intrusivos, é recomendável desativar seus bloqueadores de anúncios, pois alguns dos elementos da web podem não carregar completamente, levando a problemas de usabilidade.

1. Smartmockups.com

Nossa primeira escolha, Smartmockups, apresenta uma enorme coleção de maquetes para diferentes mídias, como digital e impressa. Você pode visualizar sua ideia em um smartphone, tablet, laptop, canecas, xícaras, papelaria e até camisetas.

A inscrição é necessária para usar o serviço, e a conta gratuita tem alguns limites, pois restringe a personalização da maquete final. Ele oferece ferramentas básicas como Alinhar, Cortar, Girar e Inverter para alterar a imagem carregada, mas não oferece configurações de brilho. Outro recurso interessante é que você pode baixar as maquetes finais em alta resolução com uma conta gratuita.

Visite Smartmockups.com

2. MockUPhone.com

O segundo site da lista não tem uma coleção tão grande quanto a de Smartmockups, mas eles se especializam em uma categoria. Todas as maquetes da MockUPhone têm um fundo branco ou colorido.

Ele permite o upload de imagens locais, mas não oferece opções de edição, como cortar ou girar. Portanto, certifique-se de carregar suas imagens após as edições necessárias. O site atende principalmente a produtos da Apple e sua lista de dispositivos Android não está atualizada com os smartphones mais recentes. As orientações retrato e paisagem das maquetes, uma vez geradas, são enviadas para o seu e-mail (sim, você deve fornecer um), pois não oferece um download instantâneo.

Visite MockUPhone.com

O Mockuper oferece principalmente maquetes de gadgets com alguns outros itens, como cartões de visita e alguns aparelhos. Ele fornece mais de 637 modelos de origem da comunidade contendo links para o criador original.

Mockuper também é um dos meus favoritos, pois oferece várias opções para editar as imagens enviadas e permite baixar maquetes finais em diferentes resoluções. As imagens de origem podem ser carregadas localmente ou de um URL. Depois de carregado, você pode cortar, alinhar, virar, aplicar zoom e até mesmo escolher como imitar um brilho (reflexo) na tela. A interface do usuário do site também é muito fácil de entender e usar.

Visite Mockuper.net

Gorjeta: Clique no botão Todos os modelos na barra superior da página para ver todos os 637 modelos.

4. MagicMockups.com

MagicMockups é um gerador de mockup muito simples e tem uma coleção limitada de dispositivos, principalmente iPhones. Todos os outros dispositivos, como laptops e desktops, são da família de produtos da Apple.

Mas sua força está em transformar as imagens de estoque lindamente filmadas em maquetes. Você só pode fazer upload de imagens localmente, e o site não oferece opções de edição. Você notará que o fundo das maquetes é composto principalmente de tampos de mesa de madeira e superfícies escuras. Finalmente, este site não impõe restrições às resoluções durante o download das maquetes finais.

Visite MagicMockups.com

Também em Tecnologia de Orientação

5. Dunnnk.com

Antes de começar a imaginar suas maquetes com a camisa de LeBron James, deixe-me dizer que Dunnnk não tem nada a ver com basquete. É outro gerador de maquetes simples que oferece principalmente maquetes de gadgets.

A maioria de suas maquetes são no estilo POV, com dispositivos sendo mantidos nas mãos. No entanto, a lista de dispositivos Android não está atualizada. Dunnnk suporta apenas upload local e não oferece ferramentas de edição de imagem. Além disso, as maquetes finais podem ser baixadas em apenas uma resolução fixa.

Visite Dunnnk.com

6. MockUpsJar.com

O MockUpsJar, assim como o primeiro da lista (SmartMockups), possui uma extensa coleção de maquetes e segue o modelo Freemium. Eles oferecem planos gratuitos e pagos. No MockUpsJar, os mockups selecionados são gratuitos e os downloads finais têm marca d'água, mas de forma sensata para não torná-los inutilizáveis.

As imagens podem ser carregadas localmente e após o upload, elas podem ser cortadas, ampliadas e giradas de acordo com sua necessidade. Os modelos finais podem ser baixados em resolução de até 2K. Finalmente, a inscrição é necessária para baixar qualquer uma das maquetes.

Visite MockUpsJar.com

O Mockup.io é bastante diferente dos outros da lista. É mais uma ferramenta de wireframe e maquete de prototipagem para aplicativos de smartphone, para visualizar como a IU e o UX do aplicativo serão exibidos e se comportarão. Como tal, não existem telefones colocados em fundos bonitos, então você obtém apenas uma moldura de telefone básica.

Existem recursos de colaboração abundantes para as equipes trabalharem juntas. Usando essa ferramenta, você pode fazer upload de vários esboços de design do seu aplicativo e vincular todos eles para mostrar como a navegação e a interação funcionarão na realidade. Esta ferramenta é a melhor para quem quer mostrar uma maquete dinâmica de seu trabalho.

Visite Mockup.io

8. MockDrop.io

Como um dos sites mais simples da lista, o MockDrop.io não mexe com inscrições, edições de imagens ou e-mails. Basta selecionar uma maquete, fazer upload de sua imagem e clicar no botão de download. Isso é o mais simples possível. Os designs também são um dos melhores em comparação com outros da lista.

As maquetes são originárias da comunidade, como a maioria dos outros na lista, com o link do criador original mostrado em cada maquete. Os mockups finais estão disponíveis para download em alta resolução e a coleção, como sempre, favorece os aparelhos Apple.

Visite MockDrop.io

9. Threed.io

Threed é o segundo criador de maquete incomum nesta lista, depois do site Mockup.io. Threed é um gerador de maquete 3D, onde você recebe um único modelo 3D de smartphone semelhante ao do iPhone.

Você pode arrastar, girar, aplicar zoom, alterar os ângulos da câmera, selecionar o brilho da tela e muitas outras coisas para ter uma ideia melhor de como seus designs ficarão em um dispositivo real. O gerador é suave e fácil de entender.

Visite Threed.io

10. Mockup.photos

O último da nossa lista é o Mockup.photos, um site freemium que também oferece brindes na forma de maquetes selecionadas. Existem cerca de 380 modelos gratuitos que incluem uma mistura de smartphones, tablets, laptops, molduras e muito mais.

O site permite fazer upload de imagens localmente ou de um URL. Não há opções de edição de imagem para as imagens carregadas, e a maquete final pode ser baixada em apenas uma única resolução de alta. Atualizar para o plano pago dá a você acesso a mais de 900 maquetes e alguns outros recursos também.

Visite Mockup.photos

Também em Tecnologia de Orientação

Os dispositivos suportados

Para sua conveniência, criei uma tabela de comparação útil abaixo para entender qual site oferece suporte a quais tipos de dispositivos.

SmartMockups é o único serviço que oferece suporte a todos os tipos de dispositivos digitais e também à mídia impressa.

Coisas a ter em mente

Depois de verificar a lista acima, você deve ter percebido que o processo de confecção de uma maquete é questão de apenas alguns cliques. Mesmo assim, há algumas coisas a se considerar se você quiser uma maquete que seja melhor do que apenas boa. O primeiro é a resolução da imagem que você carrega. Todas as maquetes geralmente mostram a resolução necessária / suportada, e é melhor manter a resolução sugerida, bem como a proporção de aspecto para obter os melhores resultados.

Em segundo lugar está o contraste e a combinação de cores. Escolha uma maquete com um fundo que não colida com o esquema de cores proeminentes de sua imagem. Esta imagem maquete ajudará você a visualizar isso.

Além disso, se a imagem que você enviar não for de alta resolução, evite baixar uma versão em alta resolução da maquete final, pois isso não acentuará seu trabalho.

Por último, como todos esses sites oferecem seus serviços gratuitamente, sem exibir anúncios intrusivos, considere fazer uma doação ou, no caso de sites freemium, inscrever-se apenas por um mês para ajudá-los. Se você encontrar outros sites legais para fazer maquetes, compartilhe conosco nos comentários.