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

SparkLee 2012-01-06

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

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

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

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

2、iPhone Mockup

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

3、Lumzy

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

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

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

5、fluidIA

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

6、Serena Prototype Composer

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

7、MockFlow – 在线框图工具

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

8、Website wireframes – Mockingbird

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

9、DUB – DENIM

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

10、Future of Wireframing – HotGloo

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

11、Pencil Project

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

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

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

13、Tiggr Mobile Apps Builder

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

14、Frame Box

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

15、Mockabilly – App for creating mockups on iPhone

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

16、Online UI Mockups and Wireframes

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

17、Wireframes and Prototypes for Web and Mobile Applications

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

18、Balsamiq Mockups

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

19、Online Diagram Software and Flowchart Software

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

20、A GUI Design Software for clickable Wireframes

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

21、GUI Design Studio

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