axure 抖音部件库_致敬抖音一周年：用Axure还原酷炫高保真原型【附系列教程】...

短视频里的社会一哥——抖音

“一入抖音深似海，从此淑女是路人”，97年的王璐在谈到她对抖音这款应用的印象时，调侃地说到。她说刚开始玩抖音，一刷就一下午，根本停不下来，太有魔性了。

抖音可以说是今年上半年一款现象级应用，这款2016年9月上线的产品，经历了半年蛰伏，平静渡过了产品的探索期，积累了一定量的优质用户原创内容后，从今年3月份开始引来爆发。

从邀请杜海涛、钟丽缇、周笔畅等明星推广抖音短视频开始，到赞助了今夏最火的网络综艺节目《中国有嘻哈》，再到不断挖掘新的网红入驻，抖音在“抖抖抖抖抖”的道路上根本停不下来。

抖音2016年9月至2017年9月排名趋势

今年9月，抖音一路过关斩将，终于在App stroe的摄影与录像榜登上了第一名的宝座，笑看当年的叱咤风云的快手与美拍，看看这毫不留情的上升曲线，不愧是社会我抖哥，人狠话不多……

谈一谈我矫情的分享初衷

为什么选择抖音来做这次的原型分享？

一方面，目前各大平台上的Axure教程都过于零散，今天讲轮播图，明天讲中继器，对于入门的产品小白来说多数会一头雾水，所以我希望通过一个产品实例来分享一些Axure原型制作上的技巧，这样知识点和应用可以有效的结合在一起。

另一方面，我相信每一个火爆的产品背后，一定有一个伟大的原型。一年的进击之路，从抖音最后的成功回溯至最初的想法，分析别的产品大牛的原型设计原理，内化成自己的知识见解，从模仿到思考，再应用到自己的产品迭代，这也是我这一次分享的初衷。

部分过于逼真的页面展示

系列教程课程大纲

第一章：

喜欢按钮交互效果

关注按钮交互效果

歌曲封面旋转效果

收藏按钮交互效果

第二章：

部件抖动引导操作效果

第三章：滑动开关交互效果

第四章：多元件进场效果

第五章：展开隐藏板块(歌曲分类)交互效果

第六章：长页面滚动查看效果(小技巧：不显示垂直滚动条)

第七章：banner图片轮播

第八章：分段器(顶部导航)切换效果(选中效果)+关联动态面板

第九章：分段器(分类导航)切换效果(选中效果)

第十章：分段器切换效果(色块移动、绝对位置)

第十一章：分段器切换效果(色块移动、相对位置)

四种顶部吸附方式

第十二章：部件顶部、底部固定式吸附效果

第十三章：渐隐式分段器顶部吸附效果

第十四章：搜索框顶部吸附效果+状态切换

第十五章：邂逅式分段器顶部吸附效果+导航栏状态切换

知识点分布

希望本系列教程可以解决产品新人在Axure原型制作上的一些疑惑，不然我这半个月的业余时间就白费了哈哈。同步图文教程将陆续在本平台和我的公众号(皮先生PM)更新，敬请关注哦。

掐指一算，我这Axure原型也算是一周年纪念版啊，不知道他们内部会不会给我颁发一个网民贡献奖什么的，顺便再送一个抖音女网红，我就心满意足了~

�