适用于您的应用程序的最佳线框图工具
已发表: 2018-03-23我们为您列出了一系列线框图工具，这些工具可以帮助您创建应用程序或网站时不那么令人生畏。 如果您正在寻找一款出色的原型工具，我们也为这些工具提供了一些建议。
创建一个新的应用程序或网站是一项可敬的壮举，没有多少人会在他们的生活中完成。 这并不意味着您应该放弃这样做，而是您应该先研究并理解它，然后再深入研究。 许多新手很难弄清楚线框、原型和模型之间的区别，所以这篇文章是为了帮助你理解每一个。
指数
什么是线框？
2018 年最佳线框图工具
什么是原型？
2018 年最佳原型制作工具
创建您的产品模型
什么是线框？
您对新的应用程序或网站有一个天才的想法，但您如何开始将其变成实际产品？ 带线框！ 这是计划过程中的第一步，因此您不要跳过它，这一点很重要。
线框基础
在做出任何重大设计决策之前，您的应用程序或网站首先需要一个有意义的功能布局。 这就是线框的用武之地。大多数人从手绘草图开始，描绘他们希望他们的应用程序或网站看起来像什么。 下一步是将这个草图变成看起来更有条理和专业的数字布局或轮廓。
您的线框将需要传达页面的基本结构，而不包括任何设计元素或实际内容。
在开始修饰任何东西之前通过线框工作将使您能够发现可用性中的任何错误，这些错误将在以后处理时很痛苦。 在这个阶段，更重要的是确保所包含的元素有意义且实用，尤其是对于您的目标受众。 如果您想吸引投资者的注意力，线框图也将帮助他们更轻松地了解您的产品。 事实上，至少没有准备好线框会使投资者很快失去兴趣。 包含在线框中的元素往往是标题框、按钮、文本框和图像框。
线框与样机
线框与模型很容易混淆，因为它们确实包含非常相似的元素。 但是，当与开发人员、设计师和投资者团队合作时，您需要了解是什么让他们与众不同。
首先，使用线框来组织应用程序的内容和功能，但以非常简单的方式。 将其视为一个大纲，显示您的应用程序中将包含的基本结构。 一旦你开始添加其他元素，例如颜色、图标、图像、字体和照片，它就会开始变成模型。
模型提供了您正在开发的应用程序或网站的中等保真度表示。 这是您的应用程序正在形成的更真实的表示。 将流程中的这一步想象为为您的准系统线框添加一些内容或赋予它更多生命。
最好的线框图工具
香脂
模拟加
起订量
线框.CC
模拟流
香脂
适用于所有操作系统，因为它是基于 Web 的。
主要特点： Balsamiq 是一个强烈推荐的线框图工具，它允许用户为桌面应用程序、移动应用程序、网站、对话框窗口、网络应用程序、平板电脑应用程序等制作线框图。 通过 Balsamiq 创建线框类似于在白板上绘图，并且该程序还允许您拖放 UI 元素、从团队那里获得对草图的反馈、修改设计并实时改进您的工作。
定价：此工具的价格将根据多种情况而有所不同。 您可以从 30 天免费试用开始，但之后您必须根据您选择的平台支付月费或年费。 例如，云版本将花费您每月 9 美元或每年 90 美元最多两个项目。 桌面版的单用户许可证费用为 89 美元。
奖励： Balsamiq 通过 Udemy 和 Skillshare 提供免费课程，帮助您学习如何使用他们的产品并从中获得最佳效果。
模拟加
适用于 Mac OS、Windows、Android 和 iOS。
主要特点：由于项目可以链接到云存储，MockPlus 允许整个团队在单个项目上轻松协作。 用户可以直接对项目进行评论并标记以供其他人查看。 您还可以向您的团队发送通知电子邮件，以就更改保持联系。 最好的部分是您无需编码或编程即可完成所有这些工作，因此更容易专注于您面前的工作。
定价：有一个免费选项可供单个用户使用，其中包括无限的产品，尽管它在其他方面受到限制。 之后，价格将从个人每年 199 美元到企业每年 2999 美元不等。 您还可以购买许可证，价格从单个用户 399 美元到企业（30 个用户）的 5999 美元不等。
奖励： MockPlus 最大的吸引力在于它允许开发人员以更快的速度创建线框，这要归功于他们设计的工具来加速流程。
起订量
可用于所有操作系统，因为它是基于 Web 的。
主要特点： Moqups 是一个基于 Web 的平台，可用于为 iOS、Android 和 Bootstrap 的 Web 应用和移动应用创建线框。 由于该平台是基于网络的，您可以在任何地方连接和工作。 该平台不仅适用于线框，您还可以制作图表和原型。 您可以轻松拖放元素，使用他们的模板工具包，从不同的字体中进行选择，选择对象，并将您自己的图像拖放到您正在处理的任何内容中。
定价：与大多数线框图工具一样，Moqups 提供免费试用。 之后，价格将取决于许多因素。 例如，包括无限项目、对象、存储和评论的年度订阅，单个用户每月收费 13 美元，创意团队（3 人）每月收费 19 美元。 您必须直接联系 Moqups 以获得企业帐户的报价。
奖励：如果您属于非政府组织、学校或非营利组织，Moqups 将免费为您提供高级帐户。
线框.CC
由于它是基于 Web 的，因此可在所有操作系统上使用。
主要特点： Wireframe.CC 被认为是可用的最基本的线框工具之一。 这不一定是坏事，特别是如果你是初学者。 事实上，由于其简单的设计，开发人员可能会发现更容易专注于手头的工作。 这个基于 Web 的程序可用于线框浏览器窗口、移动应用程序或平板电脑应用程序。
定价：Wireframe.CC 提供7 天免费试用和免费基本帐户。 之后，单次使用每月 16 美元或每年 144美元，三个用户每月 439 美元或每年 390美元，企业（无限用户）每月 99 美元或每年 990 美元。
奖励：这个程序的简单性使得它很难分心和拖延。 事实上，UI 元素只会在需要时作为选项出现。
模拟流
可用作 Mac OS 和 Windows 的桌面应用程序或 Web 应用程序。
主要特点：该程序可用于设计网络应用程序、移动应用程序、界面和软件以及其他选项。 他们为您选择的界面提供组件包，以使您的工作更轻松。 MockFlow 还提供协作功能，允许您团队的所有成员实时查看更改，同时还允许您为每个人制作带注释的评论。 您可以以多种格式导出文件，包括 DOC、PDF 和 HTML。
定价：一个基本帐户，每个工具中最多包含一个用户和一个项目，是免费的。 一位用户的高级帐户每月收费 14 美元。 它唯一的缺点是共享限制。 三个用户的团队包每月收费 29 美元，但您可以将用户添加到此帐户，但需额外付费。 企业帐户在用户方面没有限制，每月将花费您 160 美元。
奖励：使用 MockFlow 的好处之一是他们的 MockStore，它出售各种界面的UI 模板。 如果您没有灵感，您可以浏览他们的商店以获取想法，甚至购买模板。
什么是原型？
原型还不是成品，但它应该与它的外观和一般功能非常相似。 您的应用程序或网站的这种高保真原型应该用于测试您的产品并获得一些用户反馈，以帮助您改进可能出现的任何问题。
原型基础
原型通常出现在设计过程的最后，并充当最终产品的桥梁。 在这个阶段，设计师将能够展示他们的作品并使用它来获得有用的反馈。 原型不仅应包括设计元素，还应演示项目完成后将如何工作。
原型可能不包括最终项目的所有动画和交互，但它应该能够展示应用程序的流程。 让您测试它的性能。
您可以让用户对其进行测试并向您提供反馈，以改善用户体验。 你可能觉得你在使用一个真正的应用程序，但原型只是相互连接的图像的集合。 这些类型的原型，即交互式原型，是理想的，因为您可以看到完成的设计，同时还可以与之交互。 创建一个好的交互式原型可能需要时间和成本，但绝对值得投资。
最佳原型制作工具
PROTO.IO
MARVELAPP
普罗特
AXURE RP
远见
PROTO.IO
适用于 Mac OS 和 Windows。
主要特点： Proto.io 的标语是“感觉真实的原型” ，并且有充分的理由。 他们的产品使设计师能够创建尽可能接近真实事物的高保真原型。 它可以用来 为移动应用程序和网络应用程序创建原型。 他们的屏幕录制工具可以让您的团队准确地看到您的观众如何与原型进行交互，离线模式允许您在没有互联网连接的情况下与原型进行交互，所有这些都无需编写任何代码。
定价：您可以通过 15 天的免费试用开始您的 Proto.io 体验，然后可以选择获得免费帐户，尽管它非常有限。 付费帐户的范围从每月 24 美元（一个用户的年度订阅，包括 5 个项目）到每月 160 美元（每年订阅，10 个用户，包括 30 个活动项目）不等。
奖励：他们的一些最新工具包括矢量动画，您可以自己导入或从他们的矢量动画库中选择。 他们最近还推出了一个 VR 组件库，可让您轻松集成 360 度图像。
MARVELAPP
作为适用于 Mac OS、iOS、Android 和 Windows 的 Web 应用程序提供。
主要特点： MarvelApp 是一个 适合经验最少的设计师的出色原型工具。 它简单的界面可能看起来很基本，但这是它的吸引力的一部分。 它不仅是新设计师的良好起点，还提供了更多经验丰富的设计师所寻求的专业成果。 由于可以选择从 Slack 或 Asana 导入您的团队，Marvel 可以轻松掌握更改、新评论和进度。 虽然它是一个应用程序，但您可以使用它来为 Web 或移动设备创建原型。
定价：MarvelApp 对单个用户免费提供，包括两个项目。 他们的付费订阅起价为单个用户每月 12 美元、无限项目、受密码保护的原型以及下载原型的选项。
奖励： MarvelApp 适用于所有 iOS 设备，这意味着您可以在 iPhone、iPad、Apple Watch 甚至 Apple TV 上快速轻松地查看您的作品。
普罗特
可作为 iOS 和 Android 应用程序使用。
主要特点：使用移动应用程序创建原型可能听起来有点限制，但 Prott 证明不必如此。 事实上，这个平台包含了很多功能和工具，可用于创建 UI 模型、桌面软件原型、网站布局、交互式线框和原型。 如果您与一个庞大的团队合作，Prott 可以轻松地与他们分享更改并实时获得反馈。
定价：Prott 提供免费试用，在 30 天期限结束后变为免费订阅。 此选项适用于单个用户和单个项目。 他们的付费计划起价为每月 19 美元，适用于单个用户、三个项目、无限屏幕和无限评论者。
奖励： Prott 平台允许您在项目的任何地方发表评论，帮助您更轻松、更清晰地与团队沟通。 您的团队成员可以直接回复您的评论，确保在此过程中不会丢失任何内容。
AXURE RP
适用于 Mac 和 Windows。
主要特点： Axure RP 被认为是最全面的原型制作工具之一，因此他们拥有多少用户也就不足为奇了。 虽然它是一个非常完整的界面，但对于经验丰富的人来说，它是一个更好的选择。 它在业界如此知名的另一个原因是它已经存在了很长时间，并且是大多数设计师在 2000 年代初期学习技能的工具。 值得一提的是，你需要一些编码知识才能从这个工具中获得你需要的东西。
定价：您可以从 30 天免费试用开始。 之后，订阅从 Pro 级别开始，每位用户每月 29 美元，而企业级别的订阅费用高达每位用户每月 99 美元。 永久许可证起价为每位用户每月 49 美元，但在企业级别不可用。
奖励：与其他原型制作工具相比，Axure RP 为设计师提供了最多的选择。 虽然它的界面确实提供了最多的功能，但它确实以更复杂的系统为代价。 一旦掌握，Axure RP 会给你很好的结果。
远见
由于它是基于 Web 的，因此可在所有操作系统上使用。
主要特点： InVision 是业内知名且备受推崇的工具，允许设计师为 Web、iOS 和 Android 制作原型。 该平台的设计考虑了大型团队，因此协作轻而易举。 它非常易于使用，您只需上传您的设计文件并向其中添加动画、手势和过渡等元素。 最终结果是一个可靠的高保真原型。
定价：InVision 提供一个免费计划，其中包括一个活动原型，之后付费计划起价为每月 15 美元，单个用户可购买三个原型。 五个用户的团队订阅，包括无限原型，每月费用为 100 美元。
奖励： InVision 最近发布了备受期待的 Studio，它号称是“世界上最强大的屏幕设计工具”。 这个新工具希望简化设计和创建功能原型之间的过程。 最好的部分是它是免费的！
创建您的产品模型
一旦你的原型已经准备好并且你已经回去解决你在测试过程中遇到的任何问题，你可能离发布日期越来越近了。 但是，在您上线之前，请确保您拥有正确的工具来正确推销您的应用程序或网站。 使用展示您的新应用程序或网站在真实设备上的外观的模型有助于吸引更多注意力。
什么是样机？
我们之前讨论了线框和模型之间的区别，但是我们在这里讨论的模型类型是完全不同的。 一旦您的应用程序或网站准备好上线，这种类型的模型就会在最后出现。 这些基本上是您可以使用最终产品的图像或屏幕截图自定义的照片。 例如，您可以截取应用程序的屏幕截图并将其拖放到 iPhone X 的屏幕上。
样机很重要，因为它们可用于营销和推广您的应用程序或网站。 在为 App Store 或 Play Store 创建应用程序的屏幕截图时，也可以使用它们。 Placeit 的模型易于使用且范围广泛。 您可以找到各种模型，包括 iPhone 模型、iPad 模型、MacBook 模型、浏览器模型和 Android 模型。
在样机上展示您的作品
您可能很高兴终于完成了您辛苦工作了这么久的项目。 我们知道您可能没有大量资金用于广告，这就是 Placeit 的模型发挥作用的地方。 它们易于使用，可以为您的产品制作精美的图像，而且非常实惠！ 无论您要宣传什么，iPhone 应用程序、iPad 应用程序或新网站，Placeit 都有最新的小工具模型供您参考！
如果您喜欢这篇文章，请尝试这 10 个应用商店优化工具列表或查看 7 个提示来推广您的应用。