教程

3

阅读时间

Soda Design 出品的 ProtoPie 初学者教程

由 Soda Design 推出的入门系列,非常适合刚接触 ProtoPie 的用户。通过本课程学习如何制作基础交互。

阿德里亚娜·迪亚兹, 社交媒体经理

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

简介

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

基础功能

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

在本教程中,学习以下内容:

导入

  • 如何从 Figma 导入设计?

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

媒体

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

保存与分享

  • 如何保存原型?

  • 如何分享原型?

在本教程中,学习以下内容:

设备

  • 如何选择设备

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

  • 如何更改背景颜色?

  • 如何使用系统状态栏

图层

容器

iOS 背景模糊

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

文本图层

  • 文本图层有哪些属性?

输入图层

  • 输入图层有哪些属性?

  • 如何更改键盘?

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

基础交互 第 1 部分

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

基础交互 第 2 部分

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

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

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