产品经理（PM）常用原型图设计工具

雨点打透心脏的1/2处 2021-12-17 09:21 282阅读 0赞

本文转贴自：[http://www.zhangping.name/2010/08/28/pm-wireframes-design-tools/][http_www.zhangping.name_2010_08_28_pm-wireframes-design-tools] ，尽管都是一些商业软件，但对设计的确非常有帮助。

天天和产品打交道，不时要做一些页面原型、离不开各种工具，工欲善其事必先利其器，好的工具软件可以大大提高工作效率，工具各有优劣，大家按需取之。原型设计工具我暂时把它分为两类，Web应用原型设计工具及软件应用原型设计工具、微软的visio就不说了：

Web应用原型设计工具：先来看看这个几个：[Axure RP][] 、[Balsamiq Mockups][] 和 [Pencil Project][] 试用感觉：

第一个、Axure RP：

[![Axure RP][Axure RP 1]][Axure RP 1]

来这里看看视频简介：[http://www.axure.com/tour.aspx][http_www.axure.com_tour.aspx]

*  Axure的发音是”Ack-sure”，RP则是”Rapid Prototyping”快速原型的缩写。Axure RP Pro是美国Axure Software Solution公司的精心杰作，可以说Axure是Windows上最出色的原型设计软件，亦是web产品前期设计的首选，原因是：够简单、上手快，能 帮助网站需求设计者，快捷而简便的创建 基于目录组织的原型文档、功能说明、交互界面以及带注释的wireframe网页，并可自动生成用于演示的网页文件和word文档，以提供演示与开发；
 *  Axure RP六合一功能：网站构架图、示意图、流程图、交互设计、自动输出网站原型、自动输出word格式规格文件；
 *  国内都有很多教程了，看看这些： [悠识网站的教程][Link 1]、 [iaxure网站][iaxure]
 *  客户端下载地址：[http://www.axure.com/downloads.aspx][http_www.axure.com_downloads.aspx] 现在是5.5的版本，支持圆角、SVN协调编辑等等。

第二个、Balsamiq Mockups：

[![Balsamiq Mockups][Balsamiq Mockups 1]][Balsamiq Mockups 1]

[Balsamiq Mockups 视频简介][Balsamiq Mockups 2]

*  Balsamiq Mokups是用Flex和Air实现的，在Mac OS, Linux和Windows下都能使用，有桌面版本、Confluence，JIRA，和XWiki中的版本；
 *  涂鸦风格、使用起来也很简单、各模块工具也很齐全，详细说明可见官方博客：[http://www.balsamiq.com/blog/?cat=14][http_www.balsamiq.com_blog_cat_14]

[![iphone demo][]][iphone demo]

[![iphone Examples][]][iphone Examples]

*  有人提到不能输入中文的问题，很简单：在Mockups的菜单里选择 View -> Use System Font 就可以了；
 *  该软件的桌面版售价78美刀。作者意大利人Peldi说这款软件的设计就是用它自己来设计的，满足自己的需求。而在经济寒冷的2008年，从1,322位付费用户那获得了162,302美元的收入（其中12月份就有39,000美元）;
 *  windows版本下载地址 [http://www.balsamiq.com/products/mockups/desktop\#download][http_www.balsamiq.com_products_mockups_desktop_download]

第三个、Pencil Project：

[![Pencil Project][Pencil Project 1]][Pencil Project 1]

查看官网简介：[http://www.evolus.vn/Pencil/Screenshots.html][http_www.evolus.vn_Pencil_Screenshots.html]

*  一个firefox插件，比较小的工具，画简单的界面基本上可以满足了；
 *  安装地址：[https://addons.mozilla.org/en-US/firefox/addon/8487][https_addons.mozilla.org_en-US_firefox_addon_8487]

第四个、OmniGraffle

[![OmniGraffle][]][OmniGraffle]

*  很不幸的是，这个软件只有Mac版；
 *  [Omni Group][]这家只有[26个人][26]的小公司，他们人数虽少，但却产出了像[OmniWeb][]、[OmniGraffle][OmniGraffle 1]、[OmniPlan][]和[OmniOutliner][]等等一系列深受用户欢迎的精品软件，实力绝对不容小觑；
 *  漂亮的界面、能轻而易举的绘制出漂亮的图形、丰富、精致的模板（Stencil/Template）、辅助对齐和尺寸调整功能；
 *  下载地址 [http://www.omnigroup.com/applications/omnigraffle/][OmniGraffle 1]

[http_www.zhangping.name_2010_08_28_pm-wireframes-design-tools]: http://www.zhangping.name/2010/08/28/pm-wireframes-design-tools/
[Axure RP]: http://www.oschina.net/p/axure+rp
[Balsamiq Mockups]: http://www.oschina.net/p/balsamiq-mockups
[Pencil Project]: http://www.evolus.vn/Pencil/
[Axure RP 1]: /images/20211217/fdaac4aa5f08428f93d8904174fba6a7.png
[http_www.axure.com_tour.aspx]: http://www.axure.com/tour.aspx
[Link 1]: http://cn.userxper.com/axure_tutorial
[iaxure]: http://www.iaxure.cn/
[http_www.axure.com_downloads.aspx]: http://www.axure.com/downloads.aspx
[Balsamiq Mockups 1]: /images/20211217/4c1c81be741a42ebb5f125305d0dd50f.png
[Balsamiq Mockups 2]: http://www.balsamiq.com/products/mockups
[http_www.balsamiq.com_blog_cat_14]: http://www.balsamiq.com/blog/?cat=14
[iphone demo]: /images/20211217/f9a98defe6b8463ba2a0894fe90623ff.png
[iphone Examples]: /images/20211217/d94a735059a1489c9be155471c385e84.png
[http_www.balsamiq.com_products_mockups_desktop_download]: http://www.balsamiq.com/products/mockups/desktop#download
[Pencil Project 1]: /images/20211217/782549c133b440c8967fffa435eb7403.png
[http_www.evolus.vn_Pencil_Screenshots.html]: http://www.evolus.vn/Pencil/Screenshots.html
[https_addons.mozilla.org_en-US_firefox_addon_8487]: https://addons.mozilla.org/en-US/firefox/addon/8487
[OmniGraffle]: /images/20211217/86ca5a23f471443eb4206c5bffdf5a2d.png
[Omni Group]: http://www.omnigroup.com/
[26]: http://www.omnigroup.com/company/people/
[OmniWeb]: http://www.omnigroup.com/applications/omniweb/
[OmniGraffle 1]: http://www.omnigroup.com/applications/omnigraffle/
[OmniPlan]: http://www.omnigroup.com/applications/omniplan/
[OmniOutliner]: http://www.omnigroup.com/applications/omnioutliner/