当 开始一个项目时，要将一些未成形的概念草图(Sketch)变成细化的可执行的线框图(Wireframe)，这个过程可以使用一些创建线框图的工具，来 帮助设计师高效而准确的进行设计。不论是做GUI，Web UI，Game UI，Mobile UI等等，在开发前期和设计过程中，许多构思都需要用原型来辅助思考，边想边画来梳理逻辑，验证流程。所以易学易用的原型制作工具，很大程度上提高了设计 的准确性，帮助视觉设计师和程序员，更好的理解设计思路，提升产品的整体品质。
Balsamiq Mockups
我一般在构思阶段会使用Balsamiq，感觉就像是绘画，鼠标拖拽便可降控件添加至画布中。操作简便可以自由地调整及重新安排控制。75个预置控制供选择，从一个超级简单的对话框到应用程序再到网站建设中的要素，非常简单方便的帮助我们完成线框图。
Axure
创建线框，流程图，交互原型设计我会用Axure。现成的部件包括按钮，表单域，形状和动态元素。你可以创建自己的自定义widget库。Axure—快捷而简便的进行UI操作流程和UI交互设计。可自动生成用于演示的网页文件和规格文件，以提供演示与开发。
MockFlow
是 一款为传统软件以及互联网应用软件制作产品原型的在线工具，友好而强大。它配备了大量的内置组件和图标。类似于 Axure 的产品原型制作工具，唯一不同的是，它是完全基于Web浏览视窗的产品。MockFlow 内置了许多会经常使用到的Widget控件，譬如：按钮（Button）、图片（Image）、文字面板（Text Panel）、下拉式菜单（Droplist）、进度条（ProcessBar）等等，能够有效的帮助用户快速设计交互式原型。
Mockingbird
是一款基于 Cappuccino 开源框架下的产品原型设计工具，能够模拟桌面软件给予设计人员更快速的上手和实践。与之前我介绍的MockFlow产 品，它为用户提供了完全基于浏览器窗口的产品原型设计服务，由于Mockingbird 采用了Cappuccino开源框架，能够较为逼真的模拟 Axure 这类桌面软件，给用户极大的亲切感。内置了常用的各种Web控件，包括Text, Link, Button, Image, List, Box 等等，鼠标拖拽便可添加至画布中，支持中文。
Caco
是 一款在线绘图工具，允许你在线创建站点的原型、UML统一建模和框架图等。基于Flash技术，用户体验友好、功能强大，它能够帮助你在线绘制包括站点地 图、产品原型、UML统一建模、流程图、脑图 （Mindmap）以及线框图（Wire frames）在内的多种数字图表。你可以像在浏览器中更新日志那样简单的制作和发布这些数字图表；与此同时，Cacoo 还支持实时的同步协作功能，允许多个用户同时对同一幅电子图表进行在线远程协作编辑等。
Pencil Project
是一款安装在Firefox下的扩展组件，可以快速的绘制并导出PNG的原型图。
如果你没有太多交互要求，只是快速绘制和导出一些原型界面，它不失为一个不错的选择。
扩展组件安装地址：https://addons.mozilla.org/zh-CN/firefox/addon/8487
是一个易于且美观的网络线框应用程序，它可以帮助设计师创建一个在早期发展阶段的网站互动的概念原型，所有的操作所见即所得；支持个人二级域名。不过，很可惜的是，HotGloo 暂不支持简体中文的输入。
ProtoShare
是 一款线框制作工具，更是一个网站开发协同工作平台。不需要安装任何软件，ProtoShare建立在SaaS(服务性软件)环境上，则意味着依靠网络，团 队成员可以在世界的每个角落协同工作，保持工作进度。这个实时协同工作的功能非常有魅力，支持IE , Firefox ，Safari。PC和MAC电脑都可以使用ProtoShare.
iPlotz
是一款提供专门针对iPhone的组件库，同时有非常强大的项目/时间管理功能。包含iPhone专门组件库，支持html预览和导出。
OmniGraffle
这 款Omnigraffle原型设计工具可供您绘制图表、树状结构图、流程图、页面编排等等。您可以使用 OmniGraffle 来规划电影或戏剧剧本的情节走向、绘制公司组织图，并显示完成一个专案所需的步骤。还可以设置自己在设计iPad软件时需要的小工 具，包括下拉、提醒、软件键盘等等。
