21款免费的线框图和原型绘制的应用

当人们全身心的投入到某个活动中时，他会对其他不相关的物体视而不见，我们把这种状态叫做“流”（Flow）。交互设计的过程，无非是把用户的使用 流或者工作流表达出来，方便研发团队理解。 产品设计师对于wireframe应该非常熟悉不过，无论项目大小，人员多少，都离不开交互框架的绘制，也就是我们说的wireframe design。

Wireframe是整合在结构层的全部三种要素的方法：通过安排和选择界面元素来整合界面设计；通过识别和定义核心导航系统来整合导航设计； 通过放置和排列信息组成 部分的优先级来整合信息设计。通过把这三者放在一起，wireframe可以确定一个建立在基本概念结构上的架构，同时指出了视觉设计应该前进的方向。

1、Justinmind – 用于创建网站交互框图

2、iPhone Mockup

3、Lumzy

4、Cacoo – 创建在线实时的协作系统的框图

5、fluidIA

6、Serena Prototype Composer

7、MockFlow – 在线框图工具

8、Website wireframes – Mockingbird

9、DUB – DENIM

10、Future of Wireframing – HotGloo

11、Pencil Project

12、Mockup Builder – Free online web prototyping tools, software

13、Tiggr Mobile Apps Builder

14、Frame Box

15、Mockabilly – App for creating mockups on iPhone

16、Online UI Mockups and Wireframes

17、Wireframes and Prototypes for Web and Mobile Applications

18、Balsamiq Mockups

19、Online Diagram Software and Flowchart Software

20、A GUI Design Software for clickable Wireframes

21、GUI Design Studio