鉴于专业性和篇幅的原因，这里仅介绍制作线框图的工具。对于交互设计中使用到的统计工具、动效工具等则不再详细介绍。
线框图
什么是线框图？在我们把前面的需求分析、信息架构等等做好之后，需要把页面布局、业务流程用视觉化的形式快速地表现出来。线框图也叫低保真交互设计图，主要目的是体现产品的业务流程和用户体验。
网站线框图
移动端app线框图
由这些例子我们不难看出，这些线框图都是尽量使用中性的颜色，不做任何视觉的设计，只是把产品的功能的位置摆放上去，做每个页面的布局。线框图并非最终的视觉效果，仅仅是合理地布局整个web或者app，确定展示的内容以及交互方式。
常用工具
基于是否能多平台通用、上手难度、用户习惯、便捷程度和作者的主观感受，以下推荐几款制作线框图的工具。
- ** Axure**
大名鼎鼎的 Axure 是自定义非常高和功能及其强大的原型制作工具，当然也可以用来制作线框图。Axure 有多年的历史，用户群体庞大，元件库十分丰富，针对这个软件的讨论和方法十分之多。能够高效和快速的创建线框图，分享和预览功能也十分强大，支持 html 和其他格式输出。支持 windows 和 OS X。上手难度不高，但是精通较难。
- ** 墨刀**
这是一款号称最简洁易用的国产原型制作软件。在作者使用过程中，发现只需要把组件和图标拖拽来页面就可以了，个人认为符合国人的思维习惯，使用体验非常不错。而且精通这个软件也只需要一天时间就 ok。在原型和动效的预览上非常方便。这是一款上手难度极低，功能全面，高效快速的原型制作软件。同样是 windwos 和 OS X 双平台支持。更为强大的是，它还支持Web端的在线原型制作。
