美文网首页0岁的产品经理@产品首页推荐首页投稿(暂停使用,暂停投稿)
致敬抖音一周年:用Axure还原酷炫高保真原型【附系列教程】

致敬抖音一周年:用Axure还原酷炫高保真原型【附系列教程】

作者: 囍爷脱单情报 | 来源:发表于2017-09-29 19:23 被阅读0次

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

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

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

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

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

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

    谈一谈我矫情的分享初衷

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

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

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

    部分过于逼真的页面展示

    系列教程课程大纲

    第一章:

    喜欢按钮交互效果

    关注按钮交互效果

    歌曲封面旋转效果

    收藏按钮交互效果

    第二章:

    部件抖动引导操作效果

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

    第四章:多元件进场效果

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

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

    第七章:banner图片轮播

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

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

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

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

    四种顶部吸附方式

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

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

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

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

    知识点分布

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

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

    超酷炫的原型预览链接:http://www.pmdaniu.com/rp/view?id=UHNSMgBlBzBVbVdjUXlSBA

    另外推荐一个产品经理必备的PRD文档模板:http://www.pmdaniu.com/rp/view?id=VXYBYVA1AjUDOwU0UnpQGQ


    相关文章

      网友评论

        本文标题:致敬抖音一周年:用Axure还原酷炫高保真原型【附系列教程】

        本文链接:https://www.haomeiwen.com/subject/lwbrrxtx.html