从年轻人到老年人,全球化的概念以不断的创造力和想象力冲击着世界。 从创造力在营销,线框设计和原型制作领域中创造机会这一事实来看,它绝对在列表中。 这些工具不仅可以使您的网站看起来漂亮整洁,而且可以吸引人。
在我们的“ 伟大的可用性工具综述”之后,我们希望提供许多有用的线框图和原型设计工具。 基于我自己与从事用户体验设计工作的人员进行交流的经验,我知道没有一种工具适用于所有人,因此今天我们想向您介绍一些更好的选择。
线框图和原型制作:简而言之
线框图是一种非常好的方法,可以帮助您确定(或您的)客户站点的初始布局和设计。 这意味着您可以提出各种不同的概念,而不必在每个概念上花费大量的时间或金钱。 您既可以制作低保真度(草图),也可以制作高保真度的线框,并使用我们上次列出的一种可用性工具对其进行测试,然后找出最适合您的设计,
原型制作是指使用特殊的原型制作工具来创建网站的实际功能版本。 它使用与最终站点相同的导航结构和布局,因此您可以轻松观察用户如何与您创建的新设计交互。 使用原型工具是为您或您的客户提供一个真正的网站的快速简便的方法,并且可以很好地表明最终网站的样子。
这些工具中的许多工具都可以完成线框图和原型制作,因此我们没有将它们分为不同的部分。 随意询问您是否不确定该做什么。 请继续阅读以获取真正有用的工具列表,如果有任何出色的工具值得我们错过,请确保在评论中告知我们。
20多个有用的工具
该工具仅适用于Mac,但是如果您使用的是Mac,则超级好用。 它有大量可用资源,而且看起来也很漂亮。 ($ 99.95-$ 199.95)
![全方位移植](https://i-blog.csdnimg.cn/blog_migrate/8273989a98a444393ad6990d820fd6f8.png)
Axure是目前最流行的快速原型制作工具之一,并且拥有大量的追随者。 它是一个功能强大的工具,周围有良好的社区。 它可以在Windows和Mac上运行。 ($ 589)
![阿克苏](https://i-blog.csdnimg.cn/blog_migrate/e189cbfd66bdb09d3f6fcfca6b4e6fad.png)
Mockingbird是用于创建线框的简洁的Web应用程序。 它使您可以轻松地在文档之间添加链接,从而使用户可以获得更多的交互体验。 很棒的是,您还可以与其他用户进行协作。 由于它不使用闪光灯,因此您甚至可以在iPhone或iPad上使用它。 (免费–每月$ 85)
![知更鸟](https://i-blog.csdnimg.cn/blog_migrate/86f94b3fa36644bd069666f0d1dd5277.png)
Balsamiq Mockups是Adobe Air应用程序,因此可以在Mac,Windows和Linux上运行。 它是一个具有大量功能和强大社区的应用程序。 好吧,值得一看。 ($ 79)
![巴尔萨米克](https://i-blog.csdnimg.cn/blog_migrate/831a59f2e8bce88cb2ffe168525e2785.png)
Hotgloo是另一个用于在线协作的线框图Web应用程序。 它具有各种不同的工具,可用于组合各种不同的网站类型。 我不能否认,这也是。 (免费– $ 48 /月)
![Hotgloo](https://i-blog.csdnimg.cn/blog_migrate/5701f699a077614eb373f21e3f02738b.png)
Creately同时具有网络应用和桌面版本,并与Google应用集成。 它允许您拖放界面,以便您可以按照自己喜欢的任何方式快速设置设计,并根据应用程序提供协作功能。 (免费– $ 75)
![创造地](https://i-blog.csdnimg.cn/blog_migrate/321b90ce4aa89622f2ccbcd969281c21.png)
FlairBuilder是Adobe Air应用程序中的另一个,您可以在任何喜欢的平台上运行它。 它既可以进行线框图制作,也可以进行原型制作,甚至还具有用于执行iPhone应用程序的模块。 好漂亮 (99美元)
![造物主](https://i-blog.csdnimg.cn/blog_migrate/d65bed9fc0f5d435726a3f890cd126aa.png)
Mockflow具有网络版和桌面版。 它有自己的商店,因此您可以获取许多额外的模板和按钮,以添加到应用程序随附的模板和按钮中。 (免费–每年$ 69)
![模拟流程](https://i-blog.csdnimg.cn/blog_migrate/aaca92f3de4c1a67d9613a9ed756a505.png)
WireframeSketcher是一个桌面应用程序,可让您“素描”线框并构建交互式原型。 它拥有大量的UI控件库供您使用,因此您可以在相当不错的时间构造不同的设计。 (75美元)
![线框素描](https://i-blog.csdnimg.cn/blog_migrate/3e903a7772cdd8568816ab77813ce33b.png)
Justinmind是Mac和Windows版本的快速原型制作工具。 创建设计后,可以将其导出为HTML以测试或与喜欢的人共享。 (495美元)
![正义思想](https://i-blog.csdnimg.cn/blog_migrate/a26a04afc5b7fc8a53772d3d96795a5f.png)
最初并未设想为线框工具,但在需要敲断快速线框的情况下,无疑是一个不错的免费选择。 (自由)
![文字学](https://i-blog.csdnimg.cn/blog_migrate/0f7956b48272f3471969617cc8fac397.png)
就个人而言,Wirify是我的最爱。 这是一个书签,可让您生成所处任何站点的线框。 免费版本使您可以在线查看它们(并且您始终可以捕获它们的屏幕截图),或者,如果您购买了一些积分,则可以将线框导出到Omnigraffle,Balsamiq,SVG或Visio。 这真的是很酷的工具! (免费或专业版-价格有所不同)
![激怒](https://i-blog.csdnimg.cn/blog_migrate/17a1e7c7376a66491d09409019d3e7a5.png)
Simulify同时具有网络版和桌面版(一个Adobe Air应用程序)。 它具有协作功能,可让您与喜欢的人在线共享设计。 (免费–每月$ 99,网络$ 80)
![模拟](https://i-blog.csdnimg.cn/blog_migrate/5f3bbdd94518beb0818b36533fe63e88.png)
顾名思义,JustProto是一种快速的原型制作工具。 它带有一个有用的元素库,您可以将它们引入任何设计,协作选项和实时预览中,以便客户可以实时查看您的工作。 (免费–每月$ 99)
![Justproto](https://i-blog.csdnimg.cn/blog_migrate/69e93a0ab3ff084155b7711551ecfe9c.png)
Napkee与Balsamiq样机配合使用,使您可以将设计更快地导出到HTML或Flex。 如果您是Balsamiq迷,那么它确实是一个非常有用的工具。 ($ 49-$ 79)
![餐巾](https://i-blog.csdnimg.cn/blog_migrate/a1c74245fb0158384198efc5243d95bf.png)
ForeUI使您可以快速组装模型,并将它们转换为实时模拟,然后可以在网络上发布。 对于您或您的用户,这是一种快速便捷的方法,可让您了解您的实时网站的样子。 (99美元以上)
![前言](https://i-blog.csdnimg.cn/blog_migrate/70ae7c96b00d066bd37a96cc112dc921.png)
Jumpchart是一个非常漂亮的应用程序,它不仅可以将线框和原型放在一起,还可以将其导出为HTML,并且如果您为更高的计划之一付费,它也将支持WordPress导出。 (免费–每月$ 50)
![跳图](https://i-blog.csdnimg.cn/blog_migrate/d4ee8b9c6441e6b5f579b40ae594d5e9.png)
Protoshare使您可以与客户合作,更快地创建交互式原型,并具有一个不错的拖放界面。 如果您正是那样的话,也有一些知名客户。 ($ 29 – $ 179 /月)
![原始共享](https://i-blog.csdnimg.cn/blog_migrate/62943e4d3ec92959987b02320b71b791.png)
这是用于创建快速iPhone线框的免费且非常简单的工具。 如果您对自己想做的事情或想想的事情有所了解,这就是适合您的工具。 试试吧! (自由)
![苹果手机](https://i-blog.csdnimg.cn/blog_migrate/26714bf66911ebfa4ff7329b6ec9b1da.png)
尽管Lumzy看起来似乎并没有更新过一段时间,但是作为免费替代品值得一提。 它使您可以进行模型制作,原型制作,并具有许多不同的协作功能。 (自由)
![笨拙的](https://i-blog.csdnimg.cn/blog_migrate/75ca1c5d899956d896a3c557069e6813.png)
Pidoco可让您创建线框,原型,与客户协作,甚至内置一些基本的可用性测试功能。 (每月9 – 99美元)
![皮多科](https://i-blog.csdnimg.cn/blog_migrate/789993ba4825c624a7ab84116b5fd5ce.png)
那么现在怎么办?
希望您在阅读这篇文章后感到鼓舞,并且对线框图和原型设计可以如何帮助您有所了解。 创建设计后,就可以使用我们提供的所有可用性工具继续进行测试。
如果您想了解有关线框图和原型设计的更多信息,我们在下面提供了一些有用的链接。
您还有其他推荐的应用程序吗? 您最喜欢的工具是什么? 请务必在下面的评论中告知我们。
翻译自: https://www.hongkiat.com/blog/wireframing-prototyping-tools/