Pencil Project

Uma coisa é mais do que um fato: nem todo programador é obrigado a entender o que os designers fazem e vice-versa. É por isso que é comum acontecerem diversos problemas na hora de desenvolver o produto final de um aplicativo, pois aliar funcionalidade ao visual é extremamente importante.

É por isso que antes são feitos planejamentos, que nada mais são do que rascunhos de como deve ser um programa finalizado. Em resumo, o Pencil Project é uma aplicação que funciona dentro do Firefox e permite montar projetos de interfaces gráficas.

Monte sua interface

O programa pode ser acessado no Mozilla Firefox em "Ferramentas" > "Pencil Sketching". Para começar um projeto, clique em "Document" e selecione "New Document". O espaço de trabalho é aberto no lado direito da tela e se divide em várias abas (localizadas no topo). Você pode renomear e modificar atributos, como tamanho e cor de fundo ao dar um duplo clique sobre a aba.

No lado esquerdo, você encontra um menu chamado "Collections", com todos os elementos que podem ajudá-lo a montar a interface. A divisão é bastante simples e direta, com formas comuns, anotações e objetos para web. Linguagens e sistemas também têm seus grupos com widgets, como é o caso do GTK+ e Windows XP. Você deve encontrar também o "Sketchy GUI", que dá um ar de rascunho para o projeto.

Usando os elementos e salvando o projeto

Você pode arrastar qualquer elemento para dentro do projeto de maneira livre. A maioria deles permite modificar seu tamanho e rotacioná-lo. No caso de um objeto ter qualquer tipo de texto, basta um duplo clique para editá-lo. É possível utilizar as configurações no topo da tela para personalizar a fonte e o modo de apresentação.

Ao selecionar um objeto, diversas opções do topo da tela podem auxiliá-lo a organizar seu trabalho, pois você pode alinhar tudo de maneiras específicas, assim como modificar o tamanho com a precisão de pixels. As cores também podem ser modificadas pelos botões do canto superior direito. Diversas configurações também são obtidas quando se clica com o botão direito do mouse sobre qualquer coisa no projeto.

Quando terminar, é possível salvar o projeto em imagens, para ser utilizado como base pelos desenvolvedores na hora de montar o produto final. O único formato disponível para exportação é o PNG, que salva com fundos transparentes.