一个界面原型设计小工具

和不同层面人员接触,沟通需求设计,特别是UI界面方面时,经常要画一些原型图用来讨论。

以前一般用Visio或word,但得切换到Windows,现在用Ubuntu的时间多,切换来切换去麻烦,又不想装虚拟机,就经常连个远程桌面对付一下。

Visio也麻烦,功能太强了点。就好像我除了freemind外基本不用其他mindmap工具一样,软件功能太复杂会影响我的思路。

纸上手绘倒是省电,但是经常是各人都会添加一些除了自己谁也不懂的符号,而且绘画技法都欠佳,最终的作品类似毕加索的风格。

于是找了款小工具:pencil ,满足我以下要求:
1. 在Windows和Linux下都能用。可以普通应用程序方式安装,也可以Firefox扩展方式安装。功能都一样。
2. 功能简单(最看重的就是这一点),操作容易上手。
3. 支持导出为png和html,便于交流。
 

 

这几天已经忽悠和培训了不少人,大家使用统一的工具和方法,沟通起来会顺畅很多。

附图:出于好玩,随手照着一个网站画的铅笔草稿风格的原型图,只画了一部分,作为示例而已:
 

顺便发现Pencil的一个小bug:有时候在properties里面,无法修改背景或文字颜色。

解决方法是:手工将要修改的对象颜色代码填入#FFFFFF,然后apply一下,就可以用鼠标选取修改颜色了。

其他:
pencil的googlecode:http://code.google.com/p/evoluspencil/ 可以下载更多的导出模板和形状。

Visio的Web设计形状下载,也是手绘风格:http://www.iterasi.net/openviewer.aspx?sqrlitid=6xutznfgxeo5q5bh42k7za

你可能感兴趣的:(设计,工具,firefox)