探索建站和运维乐趣

几款产品经理好用的画原型的工具软件

对于一个产品经理来说,不能完全依靠想象力指派任务。你还需要将设计稿原图型画出来,这样技术依照你得产品需求设计产品才有依据。在众多的画原型的工具中你在用哪款?这里准备整理几个常用好用的画原型软件。

几款产品经理好用的画原型的工具软件

1、Axure

Axure是全世界产品经理最通用的原型图设计工具之一,它交互制作功能强大,能将线框和原型设计的功能集于一身,让设计师无需代码就能够创建逼真的网站和APP应用的交互原型。设计区域是无限画布,方便给设计稿添加文字注解。在交互效果层面,Axure还提供了一个全面的文档工具,它使跟踪笔记、任务和其他重要资产变得有条理,并使需要查看的人可以访问它,通过将原型发布到云端,让你能够更好地与开发人员对接,以实现非常多条件判断、巧妙运用,实现更复杂的交互。完成原型后,可以轻松地将它们上传到云以收集反馈,可以为设计添加注释,为审阅者或开发人员提供额外的上下文解读。Axure有很多插件可以帮助它与其他设计工具集成。

缺点是细节过于繁琐,所以会加重产品经理或交互设计师在画原型时的负担。而且浏览器预览本地文件需要安装插件;虽然支持上传到Axshare分享,但在国内的速度也较慢。有30天的免费试用期,但是专业版和团队版是收费的,而且价格有点贵。

2、Adobe XD

Adobe XD软件来自强大的Adobe公司,所以他自带一个天然优势,就是直接导入PS、AI、SKETCH文件作为原型素材。它的功能很全面,即可用来设计作图,也能做原型设计。可以快速地从线框和模拟图到静态UI设计,再到模拟用户体验的交互式原型–只需使用一个工具就可以完成整个设计流程。设计的页面间可以通过拖拽创建交互,可设置过渡动画;Adobe XD有提供基础组件元素、平台组件库和少量图标库。可以通过链接分享原型。此外,还支持设计稿的自动标注。

可以添加 3D 效果、创建可重复使用的设计元素以及包含动画和视频。还有一些用于创建响应式设计的功能,因此您可以轻松修改不同屏幕尺寸的设计元素。所有设计都保存到云中,而可共享的链接和评论简化了协作。该工具还有一个庞大的官方教程库,可帮助初学者掌握该工具。除了Creative Cloud产品之外,Adobe XD还集成了包括Slack,Jira和UserTesting等在内的非常好用的第三方工具。虽然有免费的7天试用期,但是想长期使用也是要收费的,可以选择Creative Cloud 的组合产品一起购买,会更划算。

3、Infragistics

Infragistics是一个原型构建软件,包括从原型设计到代码生成的所有功能。该工具使用拖放界面,可以轻松构建设计并实时查看它们。团队中的任何人都可以在同一编辑器中工作,从而加快设计过程。

该工具具有主题构建器功能,允许您在整个应用程序中创建和部署颜色等元素,从而加快 UI 设计过程。实时预览设计很容易。该工具还会根据您可以使用的设计生成代码。开发人员可以访问此功能,以便更轻松地创建应用。应用程序完成后,他们可以下载它并在他们选择的 IDE 中运行它。

该工具与其他设计平台(如Adobe和Sketch)集成,有助于将这些平台的设计转化为代码。每月49美元的收费着实不算便宜,但是如果你不懂编写代码,同时公司也缺少相应程序员,这个工具能帮你应应急,那么看起来这个价格就很便宜了。

4、Proto .io

Proto .io 也是国外一款非常受欢迎的在线原型设计工具,在大多数浏览器中都能使用,支持导入Sketch和PS设计稿做交互。其核心是该工具的大型库,其中包含 1,000 多个模板、6,000 个数字资产和 250 个可用于快速原型制作的 UI 组件。这些很容易根据您的需求进行定制,您可以使用它们来快速开始设计过程。除此之外,该工具还具有许多高级UX设计功能,包括可嵌套和可滚动的区域,这些区域允许你将垂直或水平滚动的部分添加到设计中。或者使用该工具的微动画功能为设计过渡添加运动。你可以将所有主要交互构建到您的设计中,包括捏合、滑动、滚动、单击和悬停。

你还可以直接用链接分享原型,而且因为集成了移动录屏工具lookback,适用于用户测试场景:可以记录用户点击、滑动、点击区域;记录用户的声音和facecam视频评论。缺点是目前Proto .io的协作功能比较受限;此外,交互设计较为复杂,细节效果只能通过容器实现,上手成本较高。价格相对Invision较便宜,但相对国内产品来说仍然较高。

5、墨刀

作为是国内目前广受认可的一款在线原型设计和协同工具,顺便说一句,小编接触的第一款原型设计工具就是墨刀。相对以上几个国外软件来说,墨刀有几个突出的优点。一是上手难度小,纯中文界面,理解难度几乎为0。而且内置了诸如苹果iOS、谷歌Material Design、WeUI、Ant Design等内置组件,并且可以添加诸多第三方组件,支持Sketch设计稿的导入,拖拽式创建交互链接,可以通过链接或者二维码在电脑端或者移动端快捷预览原型。新手也能快速制作出漂亮且规范的原型界面。

此外,墨刀在多人协作方面也很方便,多人团队可以在墨刀协同编辑/实时讨论,共同管理素材库,对于人员权限的管理也更加清晰分明。设计师也可以通过墨刀进行自动标注,开发者也可以用墨刀进行切图。

墨刀的缺点在于对交互效果、控件组合、操作面板的选择都不如Axure灵活,内置交互效果做高保真原型的时候不够用;另外,效果切换因为是采用连线的方式,也不如Axure看起来清晰。更不用说诸如大家吐槽的文字编辑功能,还有多层返回的设计。墨刀和Axure的关系就像PS和美图秀秀,如果只是简单入手那么墨刀更方便快捷,如果想成为业内专家,那么就离不开Axure。

6、Figma

Figma 是一个原型设计工具,具有适用于整个设计工作流程的大量设计和协作功能:从白板到创建高保真原型。Figma还是一个头脑风暴工具,可帮助你的团队共同努力分享有关产品的想法。它具有笔记、草图绘制和用户流创建功能,可帮助你构建设计,以及用于协作的评论、音频笔记和表情符号。

它的免费版允许处理3 个 Figma 和 3 个 FigJam 文件,无限的个人文件,以及移动应用,功能还是很不错的。专业版的起价为每月 15 美元,无限的 Figma 文件和共享权限和团队库,以及音视频对话,适合小型公司使用。如果是大公司则有更强大的组织版。

7、Balsamiq

Balsamiq 是一种线框图工具,可帮助你为 Web、应用程序和软件创建低保真模型。该工具专注于基础知识意味着它的学习曲线较低,适合初学者。它具有简单的拖放界面,以及具有大量编辑和自定义选项。

因为它是低保真,所以你会花更多的时间考虑功能,而不是被怎么安防排布这些功能而大伤脑筋。因为你可以在设计过程的后再关注这一点,当你对产品的工作方式有更好的了解时。完成设计后,您可以将它们导出为PDF,PNG图像或通过Web呈现。

Balsamiq提供桌面应用程序和云版本。云版本个人用户每月收费 9 美元,用于具有无限用户和实时协作的 2个项目空间。桌面版可以适用于MAC或者Windows,一次性费用为每位用户 89 美元。付费之前,你可以享有30天的免费试用期。

当然,如果我们产品经理确实需要一款优秀的原图设计工具,你还是需要购买商业版本的,毕竟商业版比免费版提供的资源更多,功能更全。

赞(0)
转载保留:老部落 » 几款产品经理好用的画原型的工具软件


关注公众号『老蒋朋友圈』

获取更多建站运营运维新知!
互联网创业、前沿技术......