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

红薯
 红薯
发布于 2012年01月05日
收藏 61

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

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

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

iPhone Mockup

Lumzy

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

fluidIA

Serena Prototype Composer

MockFlow – 在线框图工具

Website wireframes – Mockingbird

DUB – DENIM

Future of Wireframing – HotGloo

Pencil Project

Mockup Builder – Free online web prototyping tools, software

Tiggr Mobile Apps Builder

Frame Box

Mockabilly – App for creating mockups on iPhone

Online UI Mockups and Wireframes

Wireframes and Prototypes for Web and Mobile Applications

Balsamiq Mockups

Online Diagram Software and Flowchart Software

A GUI Design Software for clickable Wireframes

GUI Design Studio


Source: http://designmodo.com/free-wireframe-mockup/

更多界面原型设计工具请看这里

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:20 款免费的线框图和原型绘制的应用
加载中

最新评论(8

小琳
小琳
CACOO经常连接出错,现在我都是用ProcessOn,国产的免费在线作图工具!
lanmeimei
lanmeimei
GUI Design Studio 也挺好的
东方树叶
这也有在线的,而且一次20个,太刺激了。
小沉积
小沉积
好东西。。
攻城狮朋友圈
攻城狮朋友圈
mockupbuilder,也挺好
张亦俊
张亦俊
一直用Pencil
此人已死,有事烧纸
此人已死,有事烧纸
及时雨啊
返回顶部
顶部