Guia para Ferramenta Pencil

6,592 views

Published on

Ferramenta de prototipagem de interfaces que é um plugin para o Navegador Mozilla Firefox. Pequeno guia de uso.

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,592
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
81
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Guia para Ferramenta Pencil

  1. 1. /Uma visão sobre a ferramenta Pencil para Design de Interfaces Rafael de Souza Queiroz – 09/0012569 – 03/04/2012
  2. 2. O que é?• Ferramenta para projeto de interfaces gerais para usuários;• Protótipos, diagramas;• Livre e de código aberto (Javascript, XUL e SVG);• Intuitiva, simples e leve; Interação Humano Computador - Ferramenta Pencil - Rafael Queiroz - 2 09/0012569
  3. 3. Plataformas• Inicialmente projetada com plugin para o browser Mozilla Firefox;• Versão standalone disponível para Linux e Windows e MacOS X;• Versão Portátil experimental pelo site PortableApps.com;Desenvolvido utilizando a engine do Firefox; Complemento de 1.8 Mb Interação Humano Computador - Ferramenta Pencil - Rafael Queiroz - 3 09/0012569
  4. 4. Tela Inicial Interação Humano Computador - Ferramenta Pencil - Rafael Queiroz - 4 09/0012569
  5. 5. Tela Inicial (Firefox) Interação Humano Computador - Ferramenta Pencil - Rafael Queiroz - 5 09/0012569
  6. 6. Características• Interconexão entre protótipos de tela;• Editor de texto;• Exportação para HTML, Microsoft Word, OpenOffice, PNG e PDF;• Instalações de stencils, e modelos definidos pelo usuário;• Coleção pessoal, Objetos externos, ClipArt; Interação Humano Computador - Ferramenta Pencil - Rafael Queiroz - 6 09/0012569
  7. 7. Características• Tutoriais no site do fabricante http://pencil.evolus.vn/en-US/UserGuides.aspx• Uso “Drag & Drop”;• Elementos Comuns, Web, Simplificados para protótipo, Linux, Windows e Nativos da ferramenta. Interação Humano Computador - Ferramenta Pencil - Rafael Queiroz - 7 09/0012569
  8. 8. Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz - 8 09/0012569
  9. 9. Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz - 9 09/0012569
  10. 10. Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz - 10 09/0012569
  11. 11. Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz - 11 09/0012569
  12. 12. Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz - 12 09/0012569
  13. 13. Exemplo Prático Obrigado Interação Humano Computador - Ferramenta Pencil - Rafael Queiroz - 13 09/0012569

×