产品原型设计
更快更简单

摹客RP,高效易用的在线产品原型设计工具,致力于为每一个产研团队提效
免费使用
快速设计,产品界面分秒呈现
强大交互
直观阐释产品体验
全面的交互类型

不仅包含页面交互,还有画板级、组件级、状态级交互,交互效果更细腻,产品原型更逼真

完备的交互效果

多种触发方式搭配多种交互动作,轻松创建交互原型图还原产品体验

拖拽添加,1步到位

只需鼠标拖拽,简单连线即可快速添加交互效果,复杂交互轻松完成

自制交互组件

根据项目所需,自制复杂组件,自定义样式以及交互细节,原型交互设计不受限

团队协作,
在线交付和评审
多人同时编辑,全程可视化协作
一键分享,直接发布到摹客协作
在线评审设计 查看图层数据 自动生成代码 一键下载切图
需求文档,
业务逻辑清晰表达
流程图模式,轻松展示业务逻辑
PRD文档关联设计稿,同一界面,信息全览
设计说明,原型图备注更方便

Axure文件导入

文件迁移,无缝编辑,高效协作

立即导入Axure文件
用摹客RP做原型设计的更多理由
不只原型设计工具

摹客集成1个协作平台+2款设计工具,覆盖协作设计全流程,设计效能和团队效能双提升

了解更多
零距离专业客服

7*12小时客户服务支持,QQ、微信、邮件等多渠道提供用户问题解答

了解更多
摹客RP VS AXURE

支持多个成员同时编辑同一页面,高效协作

更易用的交互,拖拽设置,简单快速上手

一键分享,一个链接即可演示原型

了解更多
海量原型模板例子,免费获取

组件 后台 电商 旅游 资讯 健康 影音 社交 办公 应有尽有

查看更多
他们在使用摹客
摹客构建了一个高效、闭环的互联网协同合作生态系统,它为设计师与产品、开发间的无缝对接、高效合作提供了现实的可能。大幅度地提升互联网产品研发的效率,让大量的设计、产品、开发资源得以释放,进而提升了各方面资源的优化配置。
魏老师

前阿里巴巴、滴滴出行设计专家

摹客作为国内领先的设计协作平台,他们的产品越做越棒了,满足了多种使用场景,产品和运营可以用它在线制作交互原型图,设计师可以上传设计稿和前端开发协作。一个团队的所有角色都可以用它来完成工作,这一点是真的非常便利。
丁一

Sketch中国区负责人

第一次使用摹客真的把我震惊了,设计好的UI稿能快速做出交互效果,几乎没有学习成本,并且可以直接分享到手机体验,后来发现摹客是画原型的一大利器,海量组件和图标用得不要太爽,但其实摹客最大的亮点是多人实时协同,这大大提高了工作效率,国内能有这样的好产品,真的感到庆幸。
吴星辰

《写给UI设计师看的数据可视化设计》作者

数字化技术让设计正处在一个历史性的拐点,我们需要一个更加一体化、灵活高效的设计平台型工具,改变原有割裂式的设计开发模式。摹客在原来原型设计的基础上,融入的团队协作和Design System功能,正当其时。
刘胜强

中国电信广州研究院消费者实验室主任

Mockplus解决了快速原型的痛点,把原型的效率和直观感提升了一个档次。而摹客设计云的出现,打通了共享的流程,能够让原型协作变成现实。这样对于广大产品经理来说是很大的利好,很多轮子不用重复造了,很多沟通不用重复做了。真正解决了反复汇报优化改稿的痛点。
花生酱先生

人人都是产品经理社区专栏作家

摹客算是国内很良心的交互绘制工具了,可以大幅度提升绘制效率并解决很多问题,在工作中使用能从产品以及开发的协作上解决当前用户的一个很大的痛点,对于整个项目的推动可以说是一款非常棒的产品。
LEO

UI中国推荐设计师,7年商业设计经验

企业定制服务咨询

部署摹客到您的内网服务器上,独立运行,更安全,更高效

了解更多
产品快速原型设计FAQ
产品原型图是什么?产品经理为什么要画原型?

当我们想要开发一款网页/App产品之前,产品经理通常需要提前明确产品的定位、目标以及目标用户的需求,并将这些信息传达给设计师和开发工程师,逐步推进各环节工作。为了让团队成员快速理解产品的信息架构、布局、流程、交互等各项要素,产品经理需要进行信息的汇集整理,并形成初步的产品模型,用于呈现产品的所有功能细节,以及功能或页面之间的逻辑关系,这个产品模型就叫原型图。

原型设计软件有哪些?

2003年上市的Axure,因最早占领市场,逐渐成为相当一部分产品经理用于绘制原型图的主要工具。Axure功能齐全,且具备强大的交互制作能力,网页或PC客户端常见的交互动效基本都可以实现。但同时Axure的缺点也很突出,即功能过于复杂以至于用户上手难度很高,且每一次迭代版本都需要重新购买,定价也相对较高。

2020年,基于浏览器的国产原型工具摹客RP问世,用户可以在线实时协同,高效完成设计。摹客RP摈弃了Axure冗杂、使用率低的功能,改走“轻便、高效”路线,用户无需掌握Axure复杂的动态面板、函数等功能,借助摹客RP的预置资源及交互类型,就能快速实现常见的交互效果。

摹客RP是什么样的原型设计工具?

为了解决产品经理设计效率低、交付不流畅等问题,摹客RP保留了最常用的属性设置、基础的矢量设计功能、交互触发方式及动画效果,同时还封装了大量高扩展性组件和粗细两种风格的图标库,基于这些预置资源,用户可以更快上手,提升工作效率。因此,摹客RP也逐渐替代Axure,成为产品经理的新选择。你也可以点击这里了解更多摹客RP的特色功能。

产品经理画一套原型图要多久?

如果要设计出一套完整的产品原型图,产品经理需要花大量时间在前期准备阶段,包括用户调研、需求分析、确定目标用户的痛点、使用场景等,再通过流程图等工具梳理清楚页面流程和业务逻辑,如果项目庞大,还需要使用脑图工具将页面的功能结构进行罗列。完成前期准备工作后,用于绘制原型的时间就可以大大减少,具体时间视情况而定:

如果团队中有交互设计师或UI设计师,你可以使用1~2天,借助摹客RP等原型工具快速呈现已整理好的思路和逻辑框架,只要能讲清楚相关要素,就不用花费过多时间在流程图的产出上。

如果你处在不区分设计师和产品经理的创业型团队中,你也可以使用摹客RP进行原型绘制,并借助RP的矢量设计功能完善产品细节,轻量设计可以直接发布到摹客协作平台,交付开发同事使用。

原型设计和UI设计有什么区别?

完整的产品设计流程通常包括“功能设计”、“交互设计”、“UI设计”三个步骤,分别由产品经理、交互设计师、UI设计师三个不同岗位完成。“功能设计”主要针对产品的主要功能及内在逻辑,“交互设计”则需要考虑用户操作和体验,而“UI设计”是产品最外在的呈现,它决定了用户在接触产品的第一时间是否会被产品所吸引。

摹客RP等快速原型工具将丰富的交互触发方式及动效封装在工具内,完成了交互设计师的大部分工作,因此大部分创业公司都选择将功能设计和交互设计合并,交由产品经理完成,而UI设计则仍需要对视觉效果要求更高的UI设计师来完成。

高低保真原型的区别是什么

不同保真度的原型图,细节水平也不一样,低保真原型图一般指简单的框架,主要用于展示产品界面的排版布局,产品经理可以快速完成产品界面的搭建,并分享给UI设计师进行设计;中高保真原型图则是在低保真原型的基础上增加功能细节和交互设计,使其尽可能接近真实的产品效果,不少小型团队的产品经理,会使用摹客RP制作中高保真原型,用于向设计、开发人员展示产品逻辑,或向客户交付产品方案。

原型设计有哪些步骤?

互联网产品的原型设计通常分为以下5步:

一、梳理需求,确定核心功能:产品经理首先需要确定产品定位并找到目标用户,通过大量用户调研和需求分析后,排除掉虚假需求,确定目标用户的痛点和使用场景,为下一步工作做准备;

二、梳理业务流程:根据已确定好的核心功能,梳理业务相关流程并拆分出产品的核心页面;

三、梳理页面信息结构及页面间的逻辑关系:在完成核心页面的梳理后,需要完整考虑不同情况,补充次要页面,并完善各个页面的信息结构,以及确定页面之间的逻辑关系;

四、绘制低保真原型图:有了完整思路后,借助摹客RP等原型工具将上述内容快速呈现在一个项目内,完成低保真原型图的绘制;

五、增加交互和细节设计,完成中高保真原型设计:如果需要向客户讲解设计方案,则在第四步的基础上增加细节设计,补充交互触发方式和动效,使原型尽可能接近真实的产品效果。

需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com