有用的线框图和原型制作工具–综述

从年轻人到老年人,全球化的观念以不断的创造力和想象力冲击着世界。 从创造力在营销,线框设计和原型制作领域中创造机会这一事实来看,它肯定在列表中。 这些工具不仅可以使您的网站看起来漂亮整洁,而且可以吸引人。

在我们的“ 伟大的可用性工具综述”之后,我们希望提供许多有用的线框图和原型设计工具。 基于我自己与从事用户体验设计工作的人们交谈的经验,我知道没有一种工具适合所有人,因此今天我们想为您提供一些更好的选择。

线框图和原型制作:简而言之

线框图是一种非常好的方法,可以帮助您确定(或您的)客户站点的初始布局和设计。 这意味着您可以提出各种不同的概念,而不必在每个概念上花费大量的时间或金钱。 您可以同时进行低保真度(草图)和高保真度线框,并使用我们上次列出的一种可用性工具对其进行测试,然后找出最适合您的设计,

原型制作是指使用特殊的原型制作工具来创建网站的实际功能版本。 它使用与最终站点相同的导航结构和布局,因此您可以轻松观察用户如何与您创建的新设计交互。 使用原型工具是为您或您的客户提供一个真正的站点的快速简便的方法,并且可以很好地表明最终站点的状态。

其中许多工具都可以进行线框图和原型制作,因此我们没有将它们分为不同的部分。 随意询问您是否不确定该做什么。 请继续阅读,以获取真正有用的工具列表,并确保在评论中让我们知道是否缺少任何出色的工具。

20多个有用的工具

杂乱无章

该工具仅适用于Mac,但是如果您使用的是Mac,则超级好用。 它有大量可用资源,而且看起来也很漂亮。 ($ 99.95-$ 199.95)

有用的线框图和原型制作工具–综述

阿克斯雷

Axure是目前最流行的快速原型制作工具之一,并且拥有大量的追随者。 它是一个功能强大的工具,周围有良好的社区。 它可以在Windows和Mac上运行。 ($ 589)

有用的线框图和原型制作工具–综述

知更鸟

Mockingbird是用于创建线框的简洁的Web应用程序。 它使您可以轻松地在文档之间添加链接,从而使用户可以获得更多的交互体验。 很棒的是,您还可以与其他用户进行协作。 由于它不使用闪光灯,因此您甚至可以在iPhone或iPad上使用它。 (免费–每月$ 85)

有用的线框图和原型制作工具–综述

Balsamiq样机

Balsamiq Mockups是Adobe Air应用程序,因此可以在Mac,Windows和Linux上运行。 它是一个具有大量功能和强大社区的应用程序。 好吧,值得一看。 ($ 79)

有用的线框图和原型制作工具–综述

HotGloo

Hotgloo是另一个用于在线协作的线框图Web应用程序。 它具有各种不同的工具,可用于组合各种不同的网站类型。 我不能否认,这也是。 (免费– $ 48 /月)

有用的线框图和原型制作工具–综述

创造地

Creately同时具有网络应用和桌面版本,并与Google应用集成。 它允许您拖放界面,以便您可以按自己喜欢的任何方式快速设置设计,并根据应用程序提供协作功能。 (免费– $ 75)

有用的线框图和原型制作工具–综述

FlairBuilder

FlairBuilder是Adobe Air应用程序中的另一个,您可以在任何喜欢的平台上运行它。 它既可以进行线框图设计,也可以进行原型制作,甚至还具有用于执行iPhone应用程序的模块。 好漂亮 (99美元)

有用的线框图和原型制作工具–综述

模拟流

Mockflow具有网络版和桌面版。 它有自己的商店,因此您可以获取许多额外的模板和按钮,以添加到应用程序随附的模板和按钮中。 (免费– $ 69 /年)

有用的线框图和原型制作工具–综述

线框素描

WireframeSketcher是一个桌面应用程序,可让您“素描”线框并构建交互式原型。 它拥有大量的UI控件库供您使用,因此您可以在相当不错的时间构造不同的设计。 (75美元)

有用的线框图和原型制作工具–综述

贾斯汀敏德

Justinmind是Mac和Windows版本的快速原型制作工具。 创建设计后,可以将它们导出为HTML以测试或与喜欢的人共享。 (495美元)

有用的线框图和原型制作工具–综述

组织学

最初并未被设想为线框图工具,但是当您需要拆卸快速线框时,肯定是一个不错的免费选择。 (*)

有用的线框图和原型制作工具–综述

磨砂

就个人而言,Wirify是我的最爱。 这是一个书签,可让您生成所处站点的线框。 免费版本使您可以在线查看它们(您始终可以捕获这些截图),或者如果您购买了一些积分,则可以将线框导出到Omnigraffle,Balsamiq,SVG或Visio。 这真的是很酷的工具! (免费或专业版-价格有所不同)

有用的线框图和原型制作工具–综述

模拟

Simulify同时具有网络版和桌面版(一个Adobe Air应用程序)。 它具有协作功能,可让您与喜欢的人在线共享设计。 (免费-每月$ 99,网络$ 80)

有用的线框图和原型制作工具–综述

JustProto

顾名思义,JustProto是一种快速的原型制作工具。 它带有一个有用的元素库,您可以将它们引入任何设计,协作选项和实时预览中,以便客户可以实时查看您的工作。 (免费–每月$ 99)

有用的线框图和原型制作工具–综述

餐巾

Napkee与Balsamiq样机配合使用,使您可以将设计更快地导出到HTML或Flex。 如果您是Balsamiq迷,那么它确实是一个非常有用的工具。 ($ 49-$ 79)

有用的线框图和原型制作工具–综述

前人

ForeUI使您可以快速组装模型,并将它们转换为实时模拟,然后可以在网络上发布。 对于您或您的用户,这是一种快速便捷的方法,可让您了解您的实时网站的外观。 (99美元以上)

有用的线框图和原型制作工具–综述

跳图

Jumpchart是一个非常漂亮的应用程序,它不仅可以将线框和原型放在一起,还可以将它们导出为HTML,并且如果您为更高的计划之一付费,它也将支持WordPress导出。 (免费–每月$ 50)

有用的线框图和原型制作工具–综述

原始共享

Protoshare使您可以与客户合作,更快地创建交互式原型,并具有一个不错的拖放界面。 如果您正是那样的话,也会有一些知名客户。 ($ 29-$ 179 /月)

有用的线框图和原型制作工具–综述

iPhone样机

这是用于创建快速iPhone线框的免费且非常简单的工具。 如果您对自己想做的事情或想想的事情有所了解,这就是适合您的工具。 尝试一下! (*)

有用的线框图和原型制作工具–综述

鲁姆兹

尽管Lumzy看起来似乎并没有更新一段时间,但是作为免费替代品值得一提。 它使您可以进行模型制作,原型制作,并具有许多不同的协作功能。 (*)

有用的线框图和原型制作工具–综述

皮多科

Pidoco可让您创建线框,原型,与客户协作,甚至内置一些基本的可用性测试功能。 (每月9 – 99美元)

有用的线框图和原型制作工具–综述

那么现在怎么办?

希望您在阅读这篇文章后感到鼓舞,并且对线框图和原型设计可以如何帮助您有所了解。 创建设计后,就可以使用我们提供的所有可用性工具进行测试。

如果您想了解有关线框图和原型制作的更多信息,我们在下面提供了一些有用的链接。

您还有其他推荐的应用程序吗? 您最喜欢的工具是什么? 请务必在下面的评论中告知我们。

翻译自: https://www.hongkiat.com/blog/wireframing-prototyping-tools/