21款免费的线框图和原型绘制的应用
当人们全身心的投入到某个活动中时,他会对其他不相关的物体视而不见,我们把这种状态叫做“流”(Flow)。交互设计的过程,无非是把用户的使用 流或者工作流表达出来,方便研发团队理解。 产品设计师对于wireframe应该非常熟悉不过,无论项目大小,人员多少,都离不开交互框架的绘制,也就是我们说的wireframe design。
Wireframe是整合在结构层的全部三种要素的方法:通过安排和选择界面元素来整合界面设计;通过识别和定义核心导航系统来整合导航设计; 通过放置和排列信息组成 部分的优先级来整合信息设计。通过把这三者放在一起,wireframe可以确定一个建立在基本概念结构上的架构,同时指出了视觉设计应该前进的方向。
8、Website wireframes – Mockingbird
10、Future of Wireframing – HotGloo
12、Mockup Builder – Free online web prototyping tools, software
15、Mockabilly – App for creating mockups on iPhone
16、Online UI Mockups and Wireframes
17、Wireframes and Prototypes for Web and Mobile Applications
19、Online Diagram Software and Flowchart Software