了解用户界面

打开ProtoPie Studio即可看到一个似曾相识的用户界面——ProtoPie具有和你所用过的其它平面设计工具较为相似的用户界面。

ProtoPie Studio的中心部分是画布(canvas),在画布上可以进行每个场景的设计。围绕画布的分别是图层面板(layer panel)、工具栏(toolbar),以及交互面板(interaction panel)。

已经对ProtoPie的用户界面觉得足够熟悉了吗?了解更多关于新手如何制作原型的知识。

[object Object]

1. 图层面板

在图层面板中可以找到每个场景中被有序按照层次结构组织起来的所有图层。了解更多关于场景如何工作的知识。

在图层面板中对图层进行排序、重命名、锁定、解锁、隐藏、显示等操作与在其它设计工具中的操作是一样的。

当从Figma,、Sketch或Adobe XD中导入设计到ProtoPie Studio后,图层面板将会以同样的层次组织结构显示导入后的图层。了解更多关于导入设计的知识。

2. 场景面板

默认情况下场景面板是不可见的。要访问场景面板,需要点击窗口左侧的场景面板图标。在场景面板中可以查看原型中所有的场景,并可以对场景进行排序,以及从场景面板中打开某个场景。

了解更多关于场景的知识。

3. 画布

在画布上,可以查看到整个场景及该场景上的图层。画布每次只显示一个场景的内容。

可以使用多种方式在画布上插入不同的图层。将图层从其他设计工具中导入、直接创建图层、或手动将图层添加到画布上,均可实现这一目的。了解更多关于图层的知识。

要在画布上进行平移操作,可以按住空格键不放然后进行鼠标点击与拖动。

4. 属性面板

在属性面板中可以查看和设置属性。根据当前选择的对象,属性面板会自动切换成场景、图层、触发动作或反应动作的属性信息——这取决于你所选择的对象是什么。如果选择多个对象,则可以立即看到这些对象间共同的属性信息。

5. 交互面板

在交互面板上可以创建交互。通过添加一个触发动作并将其连接到一个或多个反应动作上即可创建交互。

交互面板以列表方式显示一个场景中所有的交互。与图层面板不同,交互面板并不以层次组织结构的方式进行显示。

了解更多关于如何制作交互的知识。

6. 时间线

为反应动作的持续时间、延迟和重复提供可视化显示。时间线反映了这些与时长有关的属性,这些属性可以在属性面板中进行修改。

了解更多关于使用时间线的知识。

7. 预览窗口

可以在预览窗口中运行制作中的原型。在预览窗口中可以实时查看到正在制作的交互动作,以助及时发现问题并测试效果。

默认情况下,预览窗口会随着文件的编辑而自动实时更新。

8. 工具栏

工具栏使得对常用功能的访问更为便捷。

9. 组件面板

类似于场景面板,组件面板在默认情况下是不显示的。要访问组件面板,需要点击窗口左边的组件面板图标。在组件面板中可以查看本机的组件以及交互组件库。

了解更多关于组件交互开发说明文档的知识。

10. 变量面板

类似于场景和组件面板,变量面板在默认情况下不可见。若要访问变量面板,请单击变量。查看整个原型或已打开场景中使用的变量。

了解更多关于变量。

Back To Top