跳到主要内容

认识摹客3

摹客3是摹客科技旗下的全新设计平台,能帮助产品经理和设计师更快更好地完成原型 / UI设计和协作交付。交互设计师也无需纠结使用UI设计工具还是原型设计工具来完成工作,摹客3支持原型和UI设计双模式切换

谁适合使用摹客?

如果你是一名产品经理,想要快速完成原型设计;或者你是一名UI设计师,想要快速完成UI设计;或者你是一名交互设计师,想要快速完成交互设计,那么摹客3就是你的最佳选择。

当然,如果你有单独的的原型设计需求和UI设计需求,我们也提供了更加实惠的RP3和DT3。RP3是一款专业的原型设计工具,对应了摹客3的原型模式;而DT3是一款UI设计工具,对应了摹客3的UI模式。

摹客3能做什么?

摹客3可以满足以下的设计需求:

  1. 线框设计:摹客内置线框风格的官方组件库,你可以使用线框风格的组件快速完成线框设计。

  2. 快速原型设计:摹客还内置了自带交互特性的官方组件库,你可以使用自带交互特性的组件快速完成原型界面设计。易用性极佳,无论你之前的设计经验如何,经过简短的学习,就可以使用摹客完成原型设计。

  3. 高保真原型设计:受益于摹客强大的原型设计能力和UI设计能力,你可以使用摹客来制作非常逼真的高保真原型,以满足可用性测试、客户演示等场景的原型需求。

  4. UI设计:摹客提供UI设计所需的所有功能,如钢笔工具、矢量布尔运算、轮廓化、拼合等矢量设计能力。UI设计师也可以使用摹客定义UI颜色、文本、样式、组件规范,并与其他设计师共享,一键交付给开发。

交互设计

摹客3支持页面级、组件级、图层级的交互设计能力,你可以使用摹客完成丰富的交互效果模拟:

  1. 页面级交互:以画板为交互目标,如页面跳转和弹出页面;

  2. 组件级交互:以组件为交互目标,修改组件自定义属性和状态,如修改Tab组件的选中项,修改组件文案/颜色/尺寸等;

  3. 图层级交互:以图层为交互目标,如滚动到、显示/隐藏动作等。

组件库共享

产品经理和设计师的工作习惯不同,摹客为产品经理和设计师推出了不同的工作模式,让大家都能在自己趁手的工具使用习惯下完成设计工作。

同时,我们也真正的打通了产品经理和设计师之间的设计资源,产品经理或设计师封装的组件,在不同模式下均是可以直接复用的。

更令人兴奋的是,摹客封装的组件可以携带大量的交互逻辑,比如单选、下拉框、选择等特性,让你的组件真正的动起来。

完成设计后,一键即可将设计稿提交给开发,开发人员可以直接预览原型、查看标注,并下载切图。

摹客3如何使用?

你可以在浏览器(推荐Chrome浏览器)中直接使用,或者下载客户端进行使用。

无论是进行原型设计还是UI设计,都需要先绘制界面,如果你是初学者,可以先观摩其他优秀产品的界面,然后按照你的想法进行绘制。

绘制界面可以从零开始或者使用已有的组件库开始,一般快速原型都是从已有的组件库开始,除非组件库中没有你想要的组件。而UI设计则需要看你所在团队是否已经积累了对应的组件库,推荐从组件库开始设计,这样效率更高。从零开始设计需要有一定的设计背景知识,比如界面布局、配色、字体、图标等。

从组件库开始设计,你可以在左侧导航栏中,找到官方提供的内置组件或团队封装的组件库,将你需要的组件拖入到画板中,调整尺寸和位置,并修改组件属性以满足设计需求。

从零开始设计,请先绘制一个画板,随后可以通过顶部工具栏选择需要的形状插入到画板中来进行设计。完成界面设计后,便可以进行原型设计了。原型设计是让静态的页面动起来,可模拟用户的鼠标点击、手势等操作,并在用户操作后,展示相应的交互效果。

更多原型设计功能,请参考 交互设计 。