10 ferramentas de wireframe para mobile – Revista W
10 ferramentas de wireframe para mobile
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.