| Linha 11: | Linha 11: | ||
==Exemplos== | ==Exemplos== | ||
*Criação de tela de login do usuário: | *Criação de tela de login do usuário: | ||
[[Arquivo:login usuario. | [[Arquivo:login usuario.png]] | ||
*Criação de gráfico: | *Criação de gráfico: | ||
[[Arquivo:grafico. | [[Arquivo:grafico.png]] | ||
*http://www.youtube.com/watch?v=70hfU7_95Gw | *http://www.youtube.com/watch?v=70hfU7_95Gw | ||
Edição das 15h33min de 4 de setembro de 2013
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:
