guia para ferramenta pencil

Uma visão sobre a ferramenta Pencil para Design de Interfaces

Rafael de Souza Queiroz – 09/0012569 – 03/04/2012

Interação Humano Computador - Ferramenta Pencil - Rafael Queiroz - 09/0012569

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;

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

Tela Inicial

Tela Inicial (Firefox)

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;

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.

Exemplo PráticoObrigado

Design