在 ProtoPie 正式发布后的五个月内，ProtoPie 已成为 37 个国家设计师首选的原型工具。许多用户通过 Dribbble、ProtoPie Community 等渠道分享了他们的原型，我们在 ProtoPie 挑选了 20 个兼具美感且易于理解的原型。
那么，你可以如何使用这篇文章？
浏览你感兴趣的原型。
点击你感兴趣的链接并亲自运行它们。
下载源文件并进行临摹。
在 Dribbble 或 ProtoPie Community 展示你的原型。
日记
作者：Lily
这个原型的概念是日记应用，因此包含翻页和选择条目的交互。这个演示中有很多可复用交互，所以使用 ProtoPie 的 Scene Copy 功能会让搭建该演示更容易。
下载
https://share.protopie.io/eLWb28tsH2c
关键词
页面过渡，3D 旋转，卡片 UI，下拉
Android 锁屏
作者：Eddy
你可以通过快速滑动拉下隐藏在安卓手机顶部的横幅，也可以通过下拉将其隐藏。
下载
https://share.protopie.io/HxL5WtXYbot
关键词
快速滑动，下拉
支付
作者：Claire
这个原型展示了一个转账概念。你可以将人物照片拖拽到指定区域来汇款。该原型展示了使用 Conditions 和 Ranges 是多么简单。
下载
https://share.protopie.io/bwnShi3EPSv
关键词
条件，范围，3D 旋转
卡片过渡 #1
作者：Seongwon Yun
Seongwon Yun 提交了这个原型，它结合了 Reorder 功能，可通过左右拖拽卡片来重新排序。
下载
https://share.protopie.io/bAgkuvhtvpD
关键词
重排序，拖拽，卡片 UI
卡片过渡 #2
作者：Eddy
点击卡片后即可滚动查看内容。当你到达一张卡片底部时，可以进入下一张卡片。3D Rotate 功能为整体交互增添了亮点。
下载
https://share.protopie.io/Ehmrm3M1S4E
关键词
卡片 UI，3D 旋转，场景，下拉，滚动
卡片重排序 #1
作者：Eddy
这个原型包含一种交互，可将目标应用切换为全屏模式。
下载
https://share.protopie.io/fcMTGqMGwwJ
关键词
卡片 UI
卡片重排序 #2
作者：Eddy
这个原型包含一种交互，让你可以从应用“轮播”中选择应用。
下载
https://share.protopie.io/VvT3vc6efMf
关键词
轮播，分页，卡片 UI
Flickr 引导页
作者：Claire
这是一个用于引导体验的分页交互。在 ProtoPie 中，你可以在几分钟内复现它。
下载
https://share.protopie.io/EST6pUhGLGv
关键词
分页，指示器，链式
数字输入
作者：Eddy
该交互通过缩放效果输入数字，并且可以通过 ProtoPie 的条件功能轻松实现。
下载
https://share.protopie.io/cy8QhmiRWuK
关键词
缩放，条件
Material 邮件
作者：David Lee
Google 的 Material Design 要求在屏幕过渡或对象出现在屏幕上时使用遮罩。ProtoPie 的遮罩功能可以轻松模拟这一点。
下载
https://share.protopie.io/EQmkKwHyLA9
关键词
Material Design，遮罩
熊猫
作者：Junhyuk Jang
如果你拖动屏幕，一只可爱的熊猫就会出现在你手上。
下载
https://share.protopie.io/eN4vfmJffBc
关键词
拖拽，链式
页眉过渡
作者：Chen jiayu
这个交互会根据屏幕显示的内容，在页眉颜色和指示器位置上产生变化。
下载
https://share.protopie.io/3wcDRFmQf4Z
关键词
范围，指示器，颜色
下拉刷新
作者：Eddy
这是对下拉刷新（Pull-to-refresh）的模拟：页面被拖动到一定程度后会短暂停顿，再返回到原始位置。
下载
https://share.protopie.io/gxZ5J7c75xR
关键词
条件，滚动，重复
粘性标签
作者：Eddy
这种交互常见于联系人这类长列表内容。根据当前可见内容，显示的分类会发生变化。
下载
https://share.protopie.io/fhhhwrKNc4W
关键词
范围，滚动，链式，指示器
切换按钮
作者：Eddy
这个交互通过一次点击在两种不同状态之间切换。在 ProtoPie 中，你不仅可以设置两种，还可以设置三种或更多状态。
下载
https://share.protopie.io/ZrpYPgKbUjY
关键词
切换按钮，条件
Uber
作者：Tony
这个原型展示了像叫 Uber 一样选择起点和终点的过程。交互看起来发生在一个页面中，但该原型使用了 3 个场景来降低交互复杂度。
下载
https://share.protopie.io/8eXJkrLwUuk
关键词
场景，不透明度
下载过程
作者：Eddy
这是一个使用圆形可视化下载过程的演示。你可以通过使用带旋转容器的交互来实现它。
下载
https://share.protopie.io/7EujXR2MewY
关键词
容器，旋转
登录
作者：Fluo Soup
这是 Material Design 中使用的登录原型。从登录页过渡到个人资料页时，ProtoPie 的遮罩功能让这一过渡看起来更自然。
下载
https://share.protopie.io/c21DMDWkEiR
关键词
Material Design，遮罩，登录
限时特惠
作者：Fluo Soup
页眉栏会根据滚动距离移动，倒计时器在进入指定区域时也会开始工作
关键词
文本，开始，倒计时
启动页
作者：Chen jiayu
Chain 允许你根据另一个图层的变化来为图层制作动画。这个原型展示了在页面滚动时图片如何移动。
下载
https://share.protopie.io/gxNhFHreZQr
关键词
链式
