搜索内容：
时间：2019-08-06
编辑:网站制作公司
942
0
原型设计是设计过程中不可或缺的一部分，因为它可以让您和您的团队在项目的早期阶段审核概念并分享反馈。通过创建网站或移动应用程序的交互式模型，您可以在投入过多时间或资金进入开发之前，识别设计流程和可用性方面的任何缺陷。
虽然每个设计师对其模型都有一组独特的需求，但下面的每个工具都提供了创建高度交互概念所需的功能和灵活性，而无需单行代码。希望在阅读完我们的列表后，您将找到测试您的网络和移动设计的完美工具。重庆网站建设
InVision -创建高度互动的模型
Framer -Design精心设计的用户体验流程
Marvel -简化原型制作过程
折纸 -将您的移动和Web项目创意变为现实
Proto.io-设计感觉真实的原型
InVision 是一个基于Web的原型设计工具，允许设计人员为Web和移动项目创建高度交互的模型。虽然您无法在InVision应用程序中直接创建设计，但您可以将静态页面设计上传到工具中，然后添加热点以将其转换为完全交互式的模型。此外，InVision还能够与Sketch或Photoshop文档同步，允许您在所选的设计套件程序中实时更新原型。
在功能方面，InVision提供了大量有价值的工具来促进您的工作流程，包括预览模式，创建热点的构建模式，将资产交给团队成员的检查模式，注释，版本控制和文件同步。它还提供各种过渡动画和移动手势（滑动，敲击等），可以帮助您的设计生动。我的一个 最喜欢的 中的InVision功能之一是能够为所有设计元素创建悬停状态的能力。这使您的原型能够更加代表最终产品，因为您可以添加高级交互性，例如按钮的下拉菜单和悬停状态。
InVision致力于创建资源，在处理设计项目时为其用户提供增强的功能。最近，InVision宣布他们收购了Wake，这是一个专注于支持整个特定组织的设计可视性的设计工具。InVision不断更新和改进其产品。查看他们的网站，了解最新的功能公告。
InVision促进协作的能力是其最大的资产。团队成员，客户或在模型上共享的任何人都可以保留特定于位置的注释和线程。这消除了通过来回电子邮件 线程产生的混淆， 并有助于确保更改在他们需要的位置实现。此外，借助InVision的Freehand 工具， 团队可以共同绘制，以实时分享草图和粗略的想法。
理想的原型格式： 网络和移动（Android和iOS）
共享功能： 卓越的功能，包括特定位置的评论和实时协作
支持资源： 深入的文档
价格： 价格从一个项目的免费试用到每月25美元无限制。对于团队计划，InVision的价格从每月99美元起，为5名团队成员。他们还为大型团队提供企业计划
Framer是一个在macOS上运行的屏幕设计工具，需要编码，最适合在创建动画或交互式原型时使用。使用Framer，您可以设计精细的用户界面流程，插入形状，添加文本和重新定位图像。该工具具有广泛的功能，包括设计，协作和原型设计，使其成为具有不同技能和要求的团队的理想选择。
Framer提供一体化设计工作流程，设计工作区配备矢量编辑工具包，可以轻松导出每个帧和形状作为位图或矢量。Framer还有一个代码工作区，用于添加动画，手势和组件。您可以通过右键单击“复制CSS”或“复制SVG”来导出生产就绪代码。
在设计工作区中，您的工作可以做出响应，因此可以设计各种设备。在Framer内部编程时，可以在应用程序内轻松访问文档。这包括图层，动画，状态，事件等的代码和构建块。编程是在CoffeeScript语言中完成的，这是一种更易于访问的Javascript版本，由创作者描述为“尝试以简单的方式公开JavaScript的优点。”
当您准备好与团队或利益相关者分享您的工作时，您可以复制和粘贴资产或导出整个画布。由于它是基于浏览器的工具，因此设计的任何内容都针对Web进行了优化。对于需要协作的项目，可以通过交换评论和将原型上传到Framer Cloud来完成。
如果您想试用Framer，可以免费试用14天，让您完全访问所有工具的功能，无需信用卡。除了免费试用之外，Framer还提供个性化的计划和多个团队计划，以满足不同数量的用户需求。
无论您是要设计应用程序图标，插图还是改造公司的整个设计系统，Framer都可以为您提供帮助。
理想的原型设计选项： iOS，Android和Web
共享功能： 预览项目，将工作上传到Framer Cloud，并将原型作为本机应用程序演示给客户
支持： 指南，教程，资源，示例以及在线和离线社区
价格： Framer有一个个人计划每月12美元计费，团队计划每月250至750美元，以及定制企业计划
Marvel 是一款出色的移动和基于Web的原型设计工具，具有简化原型设计过程的能力。只要您注册了Marvel帐户，就会立即进入界面并开始创建您的第一个原型。从那里，您可以轻松地将图像文件上传 到 Marvel并开始添加手势和过渡。该平台支持直接上传某些图像文件类型，包括PSD，GIF和JPG，以及通过Google Drive，Sketch或Dropbox上传 第三方 。
虽然Marvel不提供其他软件中的完整图像编辑功能，但它确实具有一些基本功能，如背景颜色更改和图像大小调整。创建原型时，您还可以访问8个不同的项目框架。这使您可以放心，您的模型已针对您正在设计的特定设备进行了全面优化。
漫威的移动伴侣应用程序可能是该工具最酷的功能。如果您是喜欢在纸上开始项目的设计师，该应用程序可以通过拍照将您的草图变成原型。您的照片会自动与您的漫威帐户同步，您甚至可以在Photoshop或Sketch中设计单个版面之前快速创建模型进行试验。
Marvel不仅易于使用，而且学习起来也很简单。他们的网站上有完整的常见问题解答，视频和书面教程，以及定期更新的博客。Marvel还是一个蓬勃发展的设计师社区的所在地，他们经常分享他们的原型设计，以帮助激发他人的工作流程。
虽然Marvel的简单性可能会限制某些设计师所需的功能，但其低入门级别和配套应用程序使其成为快速启动和原型设计的完美工具。
理想的原型选项： Web和移动（Android和iOS）。
共享功能： 可以共享和协作团队计划及以上。
支持： 常见问题解答，思想领导力博客以及社区创建内容的访问权限。
价格： Marvel提供四种不同的计划，为最多两个项目的单个用户提供免费版本，每月84美元，用于包含6个用户的公司计划。如果您愿意支付更多费用，还有月度定价计划以及其他功能和用户。
Origami Studio 是Facebook拥有的原型制作工具，用于为包括Instagram，Messenger和Paper在内的多个应用程序创建模型。虽然Origami仅供Mac用户使用，但它提供了在Android和iOS设备上实时预览原型的功能。该工具还为设计人员提供了一套移动UI模式常用的手势和过渡动画 - 其中许多可通过可下载的示例文件获得。
Origami为交互式原型设计提供了一些有用的功能，包括从Sketch复制任何内容并将其粘贴为本机层，以及包含论坛，视频教程和指南的大量文档库。Origami Studio在显示许多 微交互时非常有用， 因为它们可以高度详细地显示，以准确显示某些内容的工作方式。
您可以使用配套应用程序Origami Live在iOS和Android设备中直接快速测试交互式移动原型。您需要做的就是从Apple App Store下载应用程序并将iOS设备插入桌面，瞧！ - 您有一个交互式移动工作环境。Origami的协作功能比我们 提到的其他工具更受限制， 因为您只能将原型共享给在手机上拥有Origami Live的人。
理想的原型格式： Web和移动（Android和iOS）
共享功能： 缺乏与团队成员的强大共享功能
支持： 一些文档，包括教程和示例文件以及非常活跃的用户社交社区
价格： 免费
Proto.io 是一个基于Web的设计工具，用于为许多界面创建完全交互式原型，包括移动，Web平台，Apple Watch和游戏。它由SNQ Digital的实验室部门为用户体验专业人士，交互设计师，移动设计师和应用爱好者开发。
Proto.io提供熟悉且直观的拖放UI，无需编码，任何人都可以访问。它能够在不同的屏幕上创建图层，使得在原型上工作变得更加容易。Proto.io中的设计可以 快速完成， 因为整个交互库已集成并可以应用于屏幕的任何层。开发团队不断为产品引入新功能。他们最近推出了Overflow，一种面向设计人员的用户流程图工具。
您可以在制作动画设计时直接在编辑器中预览动画，使用Dropbox同步任何资源，通过JavaScript创建交互，以及从Sketch / Photoshop导入。Proto.io允许单击共享，以及通过可在 网络 和移动设备上打开的公共链接进行共享。这些共享链接包含隐私设置，因此只有您有权访问的人才能访问这些设置。
理想的原型设计格式： 除了 网络 和移动应用程序之外的众多设备和屏幕。
共享功能： 可以共享原型的实时版本和快照。
支持： 免费在线网络研讨会，配备用户指南的帮助中心，电子邮件支持，论坛风格的帮助。
价格： 每月24美元，每年为5个活跃项目支付。还有10,15或30个活跃项目的更高价格计划，以及15天的免费试用期。
重庆网站建设
3
s后返回登录
3
s后返回登录
