健身（Keep）APP 原型资源分享2017 版「Keep」APP 原型资源分享，组件库和原型均可下载使用。

在这个全民健身的时代，健身已经成为了一种时尚，晒马甲线、晒肌肉、晒跑步路线图、晒运动完大汗淋漓的照片等等也成为了一种新的潮流。那么除了去健身房锻炼以外，更多的小伙伴选择了在家或者在路上健身，这时候，你就需要一款靠谱的移动健身APP啦！

今天给大家分享的就是「Keep」的APP原型，里面有「参加训练-完成训练」、「定制课程表」、「发布动态」、「搜索」等核心流程，也有「跑步」、「发现」、「话题」、「训练排行榜」、「训练等级」、「动作库」、「音乐库」、「饮食」、「商城」、「动态详情」、「用户主页」等常用页面，做健身类APP的宝宝们千万不要错过哟！

下载地址见文末~

原型展示

&amp;amp;lt;img src="https://pic3.zhimg.com/v2-b1b3cf952fb555f8d68736568f0f91ee_b.png" data-rawwidth="2880" data-rawheight="6171" class="origin_image zh-lightbox-thumb" width="2880" data-original="https://pic3.zhimg.com/v2-b1b3cf952fb555f8d68736568f0f91ee_r.png"&amp;amp;gt;

（右侧截图出自「Keep」iOS版APP，仅用于此处与原型对比，不包含在原型内容中）

部分原型动态预览

&amp;amp;lt;img src="https://pic3.zhimg.com/v2-2e6180eb6846980fc105ce646f28c54e_b.gif" data-rawwidth="616" data-rawheight="774" data-thumbnail="https://pic3.zhimg.com/v2-2e6180eb6846980fc105ce646f28c54e_b.jpg" class="origin_image zh-lightbox-thumb" width="616" data-original="https://pic3.zhimg.com/v2-2e6180eb6846980fc105ce646f28c54e_r.gif"&amp;amp;gt;完整原型预览地址：

完整原型预览地址：www.xiaopiu.com/h5/byId?typ…

组件库展示

&amp;amp;lt;img src="https://pic2.zhimg.com/v2-6cd83f7e8f501618eaf762a2b4f67349_b.png" data-rawwidth="1440" data-rawheight="3480" class="origin_image zh-lightbox-thumb" width="1440" data-original="https://pic2.zhimg.com/v2-6cd83f7e8f501618eaf762a2b4f67349_r.png"&amp;amp;gt;

利用组件库快速搭建页面

1. 在广场找到「Keep」原型组件库，点击引用组件库：

&amp;amp;lt;img src="https://pic2.zhimg.com/v2-8ecb1d030370bdfe16cce0b8575647e5_b.png" data-rawwidth="1212" data-rawheight="315" class="origin_image zh-lightbox-thumb" width="1212" data-original="https://pic2.zhimg.com/v2-8ecb1d030370bdfe16cce0b8575647e5_r.png"&amp;amp;gt;

或者

&amp;amp;lt;img src="https://pic1.zhimg.com/v2-5b8470283ef5c3875829dcfd85399140_b.png" data-rawwidth="1244" data-rawheight="324" class="origin_image zh-lightbox-thumb" width="1244" data-original="https://pic1.zhimg.com/v2-5b8470283ef5c3875829dcfd85399140_r.png"&amp;amp;gt;

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

&amp;amp;lt;img src="https://pic1.zhimg.com/v2-039b3db5e0219f6a018ec562a07e4a28_b.gif" data-rawwidth="1431" data-rawheight="774" data-thumbnail="https://pic1.zhimg.com/v2-039b3db5e0219f6a018ec562a07e4a28_b.jpg" class="origin_image zh-lightbox-thumb" width="1431" data-original="https://pic1.zhimg.com/v2-039b3db5e0219f6a018ec562a07e4a28_r.gif"&amp;amp;gt;