Introdução ao Balsamiq Mockups
O que é?
Basalmiq Mockup (BALSAMIQ, 2011) da Basalmiq Studio é uma aplicação desenvolvida na linguagem de programação ActionScript, que executa adobe AIR (Adobe Integrated Runtime). Essa aplicação é utilizada para desenvolver protótipos ou modelos (mockups), como as telas de um sistema desktop, ou sistema/páginas web ou mobile. Visualmente, seu protótipo vai parecer que foi feito à mão. E tem a vantagem de que você pode arrastar os componentes pela tela, redimensionando, simulando os estados dos componentes e montando suas telas como bem entender. Esta ferramenta não é gratuita, mas no site do produto pode-se encontrar uma versão demo para teste, na qual é possível exportar o seu projeto em formato PNG:
Desenvolvimento
O aplicativo é de interface simples, possui uma barra de ferramentas rápida chamada de Quick Add. Através dela é possível encontrar e adicionar os componentes na View do Basalmiq, além dos botões básicos como colar, copiar e agrupar. Balsamiq contém outros controles, totalizando 75 controles disponíveis, divididos em categorias como leiaute, mídia e botões. Novos controles podem ser adicionados, através do menu Help – Download More Controls (Mockups to Go). O Balsamiq Mockup irá abrir o site https://mockupstogo.mybalsamiq.com/projects, no qual poderão ser encontrados diversos controles separados por categoria.
Exemplos
- Criação de tela de login do usuário:
- Criação de gráfico:
