Blog

10 ferramentas de wireframe para mobile

ferramentas wire ft img

Confira alguns aplicativos que você pode usar para criar mockups, rascunhos e esquemas de seus projetos para web e também para mobile

Criar wireframes e esquemas é uma ótima forma de começar um projeto. Além de definir elementos visuais, é nessa hora que é possível trabalhar elementos de navegação e interação de acordo com a proposta do site ou app. Por isso, confira 10 ferramentas para criação de wireframes, algumas feitas para mobile, outras que incluem qualquer tamanho de tela.

 

1. Framer

O Framer é uma ferramenta de prototipação para animações e interações no desktop e no mobile. A ferramenta é fácil de usar e permite que você crie esquemas rapidamente. Além disso, o aplicativo pode ser integrado ao Photoshop, o que pode dar uma mão na criação de interfaces.

framer

 

2. Mockinbird

Esta é uma das opções mais populares. A ferramenta é online (funciona no Chrome, Firefox e Safari) e traz recursos simples para a criação de mockups e rascunhos para projetos de sites e aplicações. Os links podem ser compartilhados com clientes e membros da equipe de criação.

mockinbird

 

3.Lovelycharts

O Lovelycharts funciona como uma ferramenta de diagramação que permite a criação de esquemas, gráficos, mapas de sites, wireframes, entre outras coisas. Há versões para desktop, web e iPad e todas elas são pagas.

Lovely charts

 

4.Indigo Studio

Mockups, wireframes, esquemas de animações, transições, protótipos, ilustrações, storyboards, são apenas algumas das funções do Indigo Studio. O aplicativo pode ser baixado e oferece suporte e fórum para dúvidas.

indigo

 

5. ForeUI

Com o ForeUI é possível criar mockups completas que incluem até elementos de interação. Depois de criados, os protótipos podem ser visualizados em uma versão em HTML5. A ferramenta funciona para Mac, Windows e Linux.

fore UI

 

6.Creately

Esta é uma ferramenta de diagramação que oferece recurso de colaboração em tempo real, o que facilita a reunião de equipe envolvidas com o projeto. Além disso, há diagramas e templates prontos que podem ser usados.

creately

 

7.Mockups.me

Com o Mockups.me dá para criar wireframes de sites de apps diretamente no tablet e os modelos prontos podem ser exportados para o desktop. A opção é boa para projetos com abordagem touch. Pode ser baixado por R$ 39,94.

mockups me

 

8. Gliffy

Basta arrastar e soltar formas e botões para criar wireframes e mockups cheias de detalhes para seus projetos. Ainda há uma biblioteca com modelo prontos que deixa a tarefa mais prática. Sem contar que é grátis.

gliffy

 

9. Mockabilly

Desenvolta todo o conceito do seu website ou aplicativo, inclua imagens e ainda alinhe o projeto com o comportamento de usuários do iPhone para saber como serão as interações. Há uma versão lite de graça e a mais completa pode ser baixada por US$ 6,99.

mockabilly

 

10. Blocks

O Block permite a criação de protótipos em HTML comentados, o que pode dar uma visão um pouco mais completa dos projetos. O framework e arquivos necessários estão disponíveis no Github.

blocks

 

Comente