[Beta] ProtoPie MCP 现已上线!了解更多

[Beta] ProtoPie MCP 现已上线!了解更多

介绍 ProtoPie

入门

制作你的第一个原型

ProtoPie 生态系统

ProtoPie Studio 界面

导入

入门

从 Adobe XD 导入

从 Figma 导入

从 Sketch 导入

ProtoPie 精灵

基本元素

容器

设备

图层

预览窗口

场景

滚动/分页

快捷键

系统状态栏

触发条件与响应

缓动

注释

回复

时间线

触发器

公式

入门

功能

图层属性

语法

公式使用场景

变量

入门

变量

预定义变量

变量使用案例

AI

入门

AI 交互创作

AI 文档问答

AI 面板界面

获得最佳效果的提示

ProtoPie MCP

Getting Started

Studio MCP 介绍

Studio MCP 安装与设置

Code MCP Introduction

Code MCP 安装与设置

Dev View 开发者视图

自动布局

入门

自动布局属性

组件

入门

组件指南

编辑组件

嵌套组件

发送和接收消息

交互库

入门

管理交互库

管理图书馆会员

语音原型设计

入门

收听回复

朗读回复

应用场景

语音命令触发

连接设备

连接 blokdots

连接移动设备

ProtoPie Cloud

入门

管理原型

管理存储

共享原型

ProtoPie Player

测试原型

管理字体

离线测试

适用于 Wear OS 的 ProtoPie Player

团队

入门

编辑者和查看者

让您的团队快速上手

项目

团队所有者和团队管理员

交接

入门

创建交互录制

管理交互录制

录制页面

用户测试

入门

概述

创建测试房间

外部集成

管理测试会话

测试结果与分析

ProtoPie Cloud 上的用户测试

ProtoPie Connec

入门

API 插件

Arduino 插件

blokdots 插件

嵌入式 Connect

自定义层集成

自定义插件

连接设备

游戏手柄插件

IFTTT 插件

罗技 G29 方向盘插件

测试原型

功能比较

Unity 插件

ProtoPie 企业版

入门

组织设置

服务管理员

单点登录(SSO)

安全

概述

访问控制

数据传输、存储与备份

事件响应

网络与 ProtoPie Player 应用的安全性

物理安全

风险管理

菜单

介绍 ProtoPie

入门

制作你的第一个原型

ProtoPie 生态系统

ProtoPie Studio 界面

导入

入门

从 Adobe XD 导入

从 Figma 导入

从 Sketch 导入

ProtoPie 精灵

基本元素

容器

设备

图层

预览窗口

场景

滚动/分页

快捷键

系统状态栏

触发条件与响应

缓动

注释

回复

时间线

触发器

公式

入门

功能

图层属性

语法

公式使用场景

变量

入门

变量

预定义变量

变量使用案例

AI

入门

AI 交互创作

AI 文档问答

AI 面板界面

获得最佳效果的提示

ProtoPie MCP

Getting Started

Studio MCP 介绍

Studio MCP 安装与设置

Code MCP Introduction

Code MCP 安装与设置

Dev View 开发者视图

自动布局

入门

自动布局属性

组件

入门

组件指南

编辑组件

嵌套组件

发送和接收消息

交互库

入门

管理交互库

管理图书馆会员

语音原型设计

入门

收听回复

朗读回复

应用场景

语音命令触发

连接设备

连接 blokdots

连接移动设备

ProtoPie Cloud

入门

管理原型

管理存储

共享原型

ProtoPie Player

测试原型

管理字体

离线测试

适用于 Wear OS 的 ProtoPie Player

团队

入门

编辑者和查看者

让您的团队快速上手

项目

团队所有者和团队管理员

交接

入门

创建交互录制

管理交互录制

录制页面

用户测试

入门

概述

创建测试房间

外部集成

管理测试会话

测试结果与分析

ProtoPie Cloud 上的用户测试

ProtoPie Connec

入门

API 插件

Arduino 插件

blokdots 插件

嵌入式 Connect

自定义层集成

自定义插件

连接设备

游戏手柄插件

IFTTT 插件

罗技 G29 方向盘插件

测试原型

功能比较

Unity 插件

ProtoPie 企业版

入门

组织设置

服务管理员

单点登录(SSO)

安全

概述

访问控制

数据传输、存储与备份

事件响应

网络与 ProtoPie Player 应用的安全性

物理安全

风险管理

缓动

使用 ProtoPie 中的缓动功能,以更真实的运动效果增强你的动画。

在现实生活中,物体不会突然开始或停止运动。这就是为什么在原型中加入缓动对于实现自然动画至关重要。

通过使用缓动函数,你可以创建视觉上更吸引人、更具沉浸感的过渡效果,为设计增添真实感和自然运动感,如下例所示。


{'_type': 'localeString', 'en': 'bunny vs wolf game start'}

在我们最新的移动游戏原型设计大师课中了解此示例如何使用缓动。

标准缓动选项

线性

使用线性缓动时,动画过程中不会有加速或减速。对象以平滑且均匀的方式移动,在整个过渡过程中保持稳定速度。

缓入缓出

缓入缓出缓动用于控制过渡的加速和减速。它为处于动画中或在状态之间过渡的对象或元素增添平滑感和自然运动感。

缓入

缓入缓动用于控制过渡开始时的加速。它侧重于为动画创建渐进、柔和的起始效果,即对象或元素先缓慢移动,然后随着动画推进逐渐加速。

缓出

缓出缓动用于控制过渡的减速。它侧重于在动画结束时让运动逐步、平滑地慢下来。

缓入缓出

缓入缓出缓动用于创建平滑且均衡的过渡。它结合了缓入缓出缓动的特性,在动画开始时逐步加速、中段保持稳定速度、结束时逐步减速。

Ease In

easeInSine (0.12, 0, 0.39, 0)
easeInCubic (0.32, 0, 0.67, 0)
easeInQuint (0.64, 0, 0.78, 0)
easeInCirc (0.55, 0, 1, 0.45)
easeInQuad (0.11, 0, 0.5, 0)
easeInQuart (0.5, 0, 0.75, 0)
easeInExpo (0.7, 0, 0.84, 0)
easeInBack (0.36, 0, 0.66, -0.56)

Ease In

easeInSine (0.12, 0, 0.39, 0)
easeInCubic (0.32, 0, 0.67, 0)
easeInQuint (0.64, 0, 0.78, 0)
easeInCirc (0.55, 0, 1, 0.45)
easeInQuad (0.11, 0, 0.5, 0)
easeInQuart (0.5, 0, 0.75, 0)
easeInExpo (0.7, 0, 0.84, 0)
easeInBack (0.36, 0, 0.66, -0.56)

Ease Out

easeOutSine (0.61, 1, 0.88, 1)
easeOutCubic (0.33, 1, 0.68, 1)
easeOutQuint (0.22, 1, 0.36, 1)
easeOutCirc (0, 0.55, 0.45, 1)
easeOutQuad (0.5, 1, 0.89, 1)
easeOutQuart (0.25, 1, 0.5, 1)
easeOutExpo (0.16, 1, 0.3, 1)
easeOutBack (0.34, 1.56, 0.64, 1)

Ease Out

easeOutSine (0.61, 1, 0.88, 1)
easeOutCubic (0.33, 1, 0.68, 1)
easeOutQuint (0.22, 1, 0.36, 1)
easeOutCirc (0, 0.55, 0.45, 1)
easeOutQuad (0.5, 1, 0.89, 1)
easeOutQuart (0.25, 1, 0.5, 1)
easeOutExpo (0.16, 1, 0.3, 1)
easeOutBack (0.34, 1.56, 0.64, 1)

Ease In Out

easeInOutSine (0.37, 0, 0.63, 1)
easeInOutCubic (0.65, 0, 0.35, 1)
easeInOutQuint (0.83, 0, 0.17, 1)
easeInOutCirc (0.85, 0, 0.15, 1)
easeInOutQuad (0.45, 0, 0.55, 1)
easeInOutQuart (0.76, 0, 0.24, 1)
easeInOutExpo (0.87, 0, 0.13, 1)
easeInOutBack (0.68, -0.6, 0.32, 1.6)

Ease In Out

easeInOutSine (0.37, 0, 0.63, 1)
easeInOutCubic (0.65, 0, 0.35, 1)
easeInOutQuint (0.83, 0, 0.17, 1)
easeInOutCirc (0.85, 0, 0.15, 1)
easeInOutQuad (0.45, 0, 0.55, 1)
easeInOutQuart (0.76, 0, 0.24, 1)
easeInOutExpo (0.87, 0, 0.13, 1)
easeInOutBack (0.68, -0.6, 0.32, 1.6)

三次贝塞尔

三次贝塞尔缓动用于精确控制过渡的加速与减速。它允许你通过调整四个点(两个锚点和两个控制点)来定义自定义曲线,提供灵活性,并能够创建独特且复杂的运动效果。

Example

Cubic-bezier (0.39, 0, 0.23, 1)
Cubic-bezier (0.71, 0.41, 0.32, 0.76)

Example

Cubic-bezier (0.39, 0, 0.23, 1)
Cubic-bezier (0.71, 0.41, 0.32, 0.76)

弹簧

弹簧缓动用于模拟弹簧运动。它为过渡添加动态且有弹性的效果,模仿物理弹簧被拉伸后释放时的行为。

Example

Tension 600, Friction 16
Tension 250, Friction 19

Example

Tension 600, Friction 16
Tension 250, Friction 19

自定义缓动选项

创建自定义缓动预设

在 ProtoPie 中,你可以创建自定义缓动预设。请按照以下步骤创建你自己的自定义缓动:

  1. 从“标准缓动”列表中选择一个标准缓动选项。

  2. 点击“+”按钮以添加新的缓动预设。

  3. 通过输入新值或将控制点拖动到所需位置,修改时长和预定义数值。

  4. 双击输入区域上方以重命名该缓动预设。

  5. 新创建的缓动预设将保存在“自定义缓动”列表中,便于日后随时使用。

导出与导入自定义缓动预设

创建新的自定义缓动预设后,你可以选择将其导出为 .json 文件到本地电脑。该文件将包含当前“自定义”列表中的所有预设。此功能使你能够轻松与团队成员共享缓动预设,或将其留作日后使用,尤其是在切换到其他设备时。


{'_type': 'localeString', 'en': 'Exporting & importing custom easing presets.'}