Soda Design 出品的 ProtoPie 初学者教程

Soda Design 是我们 ProtoPioneers 社区中才华横溢的 ProtoPie 用户之一。她有趣的教程会讲解 ProtoPie 的基础知识，并提供易于跟随的演示，帮助首次使用的用户创建关键的 UI 交互。

简介

Soda Design 分享了她寻找适合自己的原型工具的历程。在这段视频中，她解释了为什么最终选择 ProtoPie 作为她首选的原型工具。

基础功能

如果你是 ProtoPie 新手，了解基础功能会很有帮助。Soda Design 会在下面的视频中引导你了解这些功能。

在本教程中，学习以下内容：

导入

• 如何从 Figma 导入设计？

请注意：本教程使用的是旧版导入方式。2020 年 12 月，我们推出了 Figma 的 ProtoPie 插件。

媒体

• 如何添加媒体，例如图片、视频、音频和 Lottie？

保存与分享

• 如何保存原型？

• 如何分享原型？

在本教程中，学习以下内容：

设备

• 如何选择设备？

• 如何启用/禁用设备边框？

• 如何更改背景颜色？

• 如何使用系统状态栏？

图层

• 图层属性如何工作？

容器

• 什么是容器？

iOS 背景模糊

• 如何添加iOS 背景模糊？

在本视频中，她重点讲解了文本和输入图层。学习如何使用它们。

文本图层

• 文本图层有哪些属性？

输入图层

• 输入图层有哪些属性？

• 如何更改键盘？

熟悉基础功能后，继续学习制作基础交互。

基础交互 第 1 部分

在这里，Soda Design 讲解了如何基于我们的概念模型制作基础交互。

基础交互 第 2 部分

在第二部分中，学习使用以下内容制作高级交互：

• 水平和垂直滚动

• 分页

• 动画曲线和时间轴

• 链式

• 检测

想获取更多来自 Soda Design 的技巧和教程，请查看她的YouTube 频道。另外，也请在 Twitter 和 Instagram 上关注她，获取更多灵感。

*另外，也欢迎查看我们的 ProtoPie School (https://learn.protopie.io/)*，你可以在这里获取从 A 到 Z 学习如何使用 ProtoPie 的免费学习内容。