Logo SatellaSoft



Ferramenta para criação de Mockups

Conheça algumas ferramentas gratuitas para a criação de Mockups além de entender a sua importância.


Ícone homem Gunnar Correa
Ícone data de publicação 10/09/2015
Ícone quantidade de visualização 3,546
Ícone bandeira do Brasil Português

Muckups ou Mock-up são técnicas utilizadas por desenvolvedores para apresentar ao cliente uma previa do Layout/Design do projeto final. Isto não garante que o Mockup seja a versão final, pois o cliente poderá fazer quaisquer alterações, conforme a sua necessidade.

A ideia do Mockup não é apenas apresentar o projeto ao cliente, e sim ajudar o desenvolvedor ter uma visão do que será criado, pois o desenvolvedor tem apenas a ideia em sua mente, e com o Mockup ele pode refinar melhor as ideias.

Em outras palavras o Mockup é um protótipo do projeto, que pode ser criado em cartolina, sulfite ou qualquer folha, mas os protótipos não podem levar muito tempo para serem feitos, ele visa ser algo rápido e não exige perfeição no desenho, afinal é apenas um protótipo. Você pode associar Mockup com Wireframes.

O software Basamic Mokups, nos auxilia para a criação dos protótipos rapidamente com exportação para formatos como PNG, por exemplo.

O Balsamic possui uma licença Free e Comercial, porém a Free é o suficiente para analise da ferramenta e até criar ótimos protótipos, e posteriormente você poderá comprar uma licença. O Software é vendido com licenças de Volume, Simples e por Atualizações.

Veja na imagem abaixo, um simples projeto de Mokucp do site Satellasoft.

Note que o Design dos elementos não é algo delicado nem mesmo bonito, e sim algo simples que possa nos fazer entender o que será composto em cada parte da aplicação.

Agora veja outra imagem, que apresenta parte do Software, veja como ele é simples e ao mesmo tempo muito robusto.

Você pode fazer o Download do Balsamic através de seu site oficial, segue o endereço abaixo.

Balsamic Web site: https://balsamiq.com

 

Além do Balsamic, é obvio que existem outras ferramentas que fazem o mesmo trabalho, como é o caso do site Mockups, que executa as operações totalmente On-line. O Mockups possui um número maior de componentes a serem utilizados.

Veja na imagem abaixo o ambiente de desenvolvimento do Mockups.

Para o uso da ferramenta, não é necessário efetuar o Download e sim ter um cadastro no site, segue abaixo o endereço:

Mockups Web Site: https://moqups.com

Espero que tenham entendido a importância dos Mockups/Wireframes.

Até a próxima.




Sobre o autor


Gunnar Correa

Nome: Gunnar Correa

Site: http://www.gunnarcorrea.com


Autodidata, graduado em Desenvolvimento Web e especialista em Tecnologias na Educação em uma universidade no interior de São Paulo. Comecei meus estudos na área de programação quando ainda era criança, e atualmente estou estudando desenvolvimento de jogos.

Sou o CEO do portal SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.


Comentários



É necessário estar autenticado para comentar, clique aqui para se registrar ou aqui para acessar a sua conta!