在过去的大半年里，我们给大家分享了数十个精心制作的各个行业的优秀app原型，用户累计下载达到数万次。这一次，终于可以分享我们自己的app原型了！虽然app还没上线，但我已经迫不及待地想先来把原型分享给大家，希望能在大家设计同类型或同模式的app时提供参考。

xiaopiu是一个在线原型平台，可以随时随地创作原型，实时保存，实时和他人协同，一键分享，并且提供多款各行业项目模板以及丰富的组件库和页面库来帮助用户快速构建自己的原型。

我们目前正在开发的移动端app，主要用于用户全屏预览原型、让演示效果更真实和流畅，并非让用户直接在手机上制作原型。所以相较于网页版，app的功能非常精简，只保留了"广场"、"工作台"、"我"三个主模块，并且只保留了"项目"这一个分类。

在这里，我们将内部制作的原型全部分享给大家。其中有"登录/注册"、"微信登录"、"扫码访问"、"修改许可权"等流程，同时有"分享弹层"、"许可权弹层"、"toast"等等常用组件，还提供了"列表"和"画廊"两种项目浏览模式。麻雀虽小，五脏俱全，这套原型中包含了我们app的所有页面和流程，非常完整。

高低保真原型对比展示

部分原型流程预览

手动预览更多流程可以复制链接打开→ http://t.cn/RQS7g3L

组件库展示

利用组件库搭建页面

1. 在精选广场的组件库里搜索 xiaopiu，在搜索出的组件库右下角点击"引用为我的公用库"

或直接复制进入→ http://t.cn/RQSzfv0 ，然后点击右上角的引用按钮~

2.如上图所示，点击引用后，组件库即成为自己的引用资源（库内的资源也会实时更新），大家可在项目中使用，搭建自己的页面，比如快速搭建一个"项目列表"页面：

资源地址

高保真原型地址→ http://t.cn/RQS7g3L

低保真原型地址→ http://t.cn/RQSZ4sl

高保真页面库地址→ http://t.cn/RQSZXVO

低保真页面库地址→ http://t.cn/RQSZNz0

组件库地址→ http://t.cn/RQSzfv0

其他资源分享

问答社区"知乎"APP原型分享

在线教育APP"网易云课堂"原型分享

移动办公app"钉钉"原型分享

WeUI（微信）原型资源分享

美食类App"下厨房"原型分享

"xiaopiu"原型动效教程-滑动列表