「抖音短视频」APP原型分享（附资源下载）

音乐短视频类app逐渐成为年轻人热衷的手机必备app，代表了一种时尚和新潮，大众化的体验能够使得每个人都能轻易拍出想与其他人分享的视频，抖音app在短视频类app中，以酷炫的页面、拍摄视频时可自动调整的节奏感、新潮的拍摄风格和视频配乐，令众多年轻人喜爱。据2017上半年《中国短视频市场研究报告》数据显示，移动短视频用户规模不断扩大，预计年底将达到2.42亿人，增长率为58.2%。

本次分享的就是「抖音短视频」app的高低保真原型，除基础的 「登录注册」、「推荐」、「附近」、「发现」、「消息」、「个人主页」、「选择音乐」、「上传视频」、「拍摄故事」、「搜索音乐」、「搜索话题」、「挑战详情」、「邀请好友」、「他人主页」 等页面，还有较为独特的宫格组件和布局排版，图标排布的页面布局、带有滤镜切换的交互效果、美颜拍摄道具交互效果、时间特效等等。

除了做短视频app的童鞋，做直播类app、自由小众化app的也不要错过啦！

高低保真对比原型展示

预览一波gif——

手动预览完整原型可以点击这里→ http://t.cn/RYM2ndi （ 查看链接 ）

高保真组件库展示

利用组件库搭建页面

在精选广场的组件库里搜索 微信读书 ，在搜索出的组件库右下角点击「引用为我的公用库」

（或者直接简单粗暴的戳这里→ http://t.cn/RYMUHC6 （ 查看链接 ）

也可以直接点击这里→ http://t.cn/RYM4qnn（ 查看链接 ）

之后点击右上角的 「引用按钮」 ~

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

资源地址

高保真原型地址→ http://t.cn/RYM2ndi 查看链接

低保真原型地址→ http://t.cn/RYM4uBP 查看链接

高保真页面库地址→ http://t.cn/RYM4DlN 查看链接

低保真页面库地址→ http://t.cn/RYMbLzM 查看链接

高保真组件库地址→http://t.cn/RYM4qnn 查看链接

文/WOOSEVELT（知乎专栏：xiaopiu工坊）