网页设计工具

1.线框图

目标——1、呈现主体信息群 2、勾勒出结构和布局 3、用户交互界面的主视觉和描述

2.交互原型

原型的要求比线框图/可交互式线框图要高，它要求必须是可交互的，并且尽可能贴合最终的用户界面的高保真模型。

制作原型的目标非常明确：尽可能真实地模拟用户和界面之间的交互。当一个按钮被按下的时候，相应的操作必须被执行，对应页面也必须出现，尽可能地模仿完整的产品体验。毫无疑问，原型是必须囊括产品该有的美学特征，并且尽量贴合最终版本。

3.工具介绍

UXPin内置了超过900种不同的UI元素供你创建线框图和原型

Proto.io是一款非常健壮的原型设计工具，并且它可以基于原型输出HTML/CSS代码和触摸屏互动原型，方便你在实际的设备上给用户测试。

Balsamiq一款流行的、长效的线框图设计软件，仅限于制作静态的线框图。

Moqups 支持直接在浏览器中制作线框图。

Axure 最流行的线框图和原型设计程序，很多做产品和交互的同学已经在用它了。