线框图

什么是线框图？在我们把前面的需求分析、信息架构等等做好之后，需要把页面布局、业务流程用视觉化的形式快速地表现出来。线框图也叫低保真交互设计图，主要目的是体现产品的业务流程和用户体验。

网站线框图

移动端app线框图

由这些例子我们不难看出，这些线框图都是尽量使用中性的颜色，不做任何视觉的设计，只是把产品的功能的位置摆放上去，做每个页面的布局。线框图并非最终的视觉效果，仅仅是合理地布局整个web或者app，确定展示的内容以及交互方式。

常用工具

基于是否能多平台通用、上手难度、用户习惯、便捷程度和作者的主观感受，以下推荐几款制作线框图的工具。

** Axure**

大名鼎鼎的 Axure 是自定义非常高和功能及其强大的原型制作工具，当然也可以用来制作线框图。Axure 有多年的历史，用户群体庞大，元件库十分丰富，针对这个软件的讨论和方法十分之多。能够高效和快速的创建线框图，分享和预览功能也十分强大，支持 html 和其他格式输出。支持 windows 和 OS X。上手难度不高，但是精通较难。

** 墨刀**

这是一款号称最简洁易用的国产原型制作软件。在作者使用过程中，发现只需要把组件和图标拖拽来页面就可以了，个人认为符合国人的思维习惯，使用体验非常不错。而且精通这个软件也只需要一天时间就 ok。在原型和动效的预览上非常方便。这是一款上手难度极低，功能全面，高效快速的原型制作软件。同样是 windwos 和 OS X 双平台支持。更为强大的是，它还支持Web端的在线原型制作。