什么是原型?原型可以概括为整个产品推出前的框架设计。设计师可以用它来引导每个人参与这个项目。原型显示了每个部分之间的比重和每个部分之间的联系。原型不仅仅是一个表面的东西,它是可以和用户对话的,向用户解释该如何与产品进行交互。例如,一个下拉列表菜单,通过原型设计,你就可以直观地感觉到每次点击或鼠标经过时的菜单是如何响应的。
与其他工作一样,完成原型设计需要相应的工具协助。在许多原型工具中,我在这里推荐5种高效的原型设计工具。
1、即时设计
即时设计是一个专业的在线UI设计工具,多设备多平台适用。他集设计、原型、开发于一身,可以帮助我们实现高效原型设计。他的原型设计功能十分强大,我们可以用他来输出低保真/高保真的原型图,可以模拟最真实的用户使用场景,不断的测试、修改原型,力求给用户带来更加完美的使用体验。
他还有数量多、风格广、场景全的丰富原型设计案例及素材可供我们学习参考,支持免费一键套用,也不会有什么版权上的纠纷,简单实用。他还支持团队协作,多人实时在线编辑且不会产生干扰,有问题可以实现有序沟通,团队成员对设计的意见、评审都可以及时反馈,做出相应的修改。
🔑:原型设计资源
2、Figma
Figma在原型设计领域已经发展许久,有着举足轻重的原型设计实力,功能强大。他新上线了白板功能,可以在他的白板上绘制一些原型设计的草图、线框图等,进行初期的原型制作。他还有丰富的UI设计资产及组件,可扩展的插件等等,我们可以在Figma这个国家上实时预览测试我们的原型设计作品,让原型效果更好,让设计更加完美。
3、UXPin
UXPin,另一个值得推荐的原型设计工具。这个工具的优点是使用方便。它的页面非常简单,你可以很容易地将图片和文件结合到你的设计中。该工具的预览功能也很好,不仅可以浏览原始形状,还可以浏览点击或鼠标划过每个界面的状态。其他人也可以评论原始形状,以促进同事之间的合作。
说到评论功能,UXPin最好在有新评论时添加提示。目前还没有这个功能。如果有新评论,需要手动检查。
4、Proto.io
与其他原型工具不同,Proto.io是一个在线工具,所以在使用它时需要连接到互联网上。如果你经常在线,那么使用这个工具就没有问题了。其中一个非常重要的功能是内置的组件库,设计师知道从第三方寻找组件是非常痛苦的。即使你的手机没有你想要的部件,你也可以很容易地从第三方进口。
如果只需要一个常规的规划,proto.io的启动项目可以让你的工作变得简单。您还可以存储不同的变量,并浏览用户与每个页面之间的交互。因为这是一个在线功能,所以在使用时有一些局限性。例如,您不能单独备份某个页面,而只能备份整个项目;不能添加需求文档。
5、MockFlow
MockFlow简单的页面使原型设计非常容易。它没有花哨的东西——为你提供了一个干净的设计界面。顶部是典型的菜单和工具栏。如果你需要更多的设计空间,你可以隐藏菜单和工具栏。该工具还提供了内置部件。你可以使用这个工具免费创建一个原始形状,这样你就可以在购买之前感受到所有的功能。简单的拖动和双击功能使您可以轻松添加组件,而无需编写任何代码。导出功能也很简单。
MockFlow还提供合作功能,让您邀请他人浏览项目或查看项目进度。它提供聊天功能,以便交流意见。但有一个问题,如果有人在刷新页面,其他人就不能刷新页面。