Criação descomplicada de projetos de interfaces gráficas para aplicações direto no Firefox
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 dos recursos 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. Além disso, diversas configurações 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.
0 Comentários