技术开发 频道

2013年流行的10个线框图和界面原型工具

  Wireframe.cc

流行的界面原型工具(二)

  Wireframe.cc 是一个非常轻巧的工具用来绘制线框图。Wireframe.cc 不像其他工具一样堆满了各种图标和按钮,这让用户可以静下心来将思路草图绘制出来。此外,该工具提供了两个模板供选择,一个是浏览器窗口,另外一个是移动应用模板。移动应用版本提供水平和垂直的方向选择。

  Easel

流行的界面原型工具(二)

  Easel 是一个基于浏览器的设计工具,用户可以非常容易的将他们的想法通过简单的手法模拟和记录下来。提供多种组件供使用,如按钮、表格、文本框等等。也可以与 Twtter Bootstrap 库结合并使用其中的图标和元素。此外 Easel 让用户直接在浏览器上进行设计以确保跟最终结果保持一致。同时还提供了一些高级工具如 CSS3 和 Web 字体,无需来回切换浏览器和文本编辑器。

  InVision

流行的界面原型工具(二)

  InVision 可以快速制作令人印象深刻的高级原型设计。使用该工具,用户可链接他们的 UX 草图、设计和框图,并与团队其他人员分享。设计者可在一个实际的演示中呈现他们的设计,可在浏览器中加载或者直接给移动设备发送短信。该工具同时可跟踪团队其他成员的进度。

  Proto.io

流行的界面原型工具(二)

  Proto.io 为设计师准备的一个非常棒的触摸屏部件设计工具。支持主流的移动触摸风格和手势,例如滑动、轻触、缩放、长按等等。此外 Proto.io 可集成动画界面切换效果,诸如:褪色、移动、缩放、翻转等。该工具很有趣,只需要数分钟便可熟悉。

  POP

流行的界面原型工具(二)

  Prototyping on Paper (POP) 可以轻松的制作 iPhone 应用界面原型。它提供了一个传统制造高科技技术线框图。在专门的软件支持下,所有用户必须自行在纸张和笔记本上绘制各种线框。然后通过摄像头拍摄并导入进来,POP 可自动捕获用户绘制的框图并进行对比度和亮度的调整。接着用户已经可以通过使用“链接点”连接示意图来设计他们的故事板。以确保一切都是完美的,他们只需要点击“播放”对接口进行模拟即可。

  使用这些工具可以让原型图和线框图的绘制变得简单。初学者也可以使用这些工具来设计自己的网站或应用程序。预计在2014 年会有更先进、更快、体积更小的工具。

0
相关文章