百度经验步骤停靠标签功能Axure8原型制作

2017年9月9日
2+
阅读:119

百度经验相信大家都不陌生,它里面包含着大量的各种各样的经验知识,这种知识共享也为每一个人提供一个很好的学习平台。不过维度君注意到了它一个特别的地方,那就是步骤的停靠标签,即随着用户往下拖动网页时,它的停靠标签也有互动地凸显出当前用户关注的步骤,那这里就教大家如何使用Axure RP8来制作这种停靠标签原型。

第一步,主要准备好N个椭圆形、N个经验文本内容和N个经验图片内容。N=?根据你的具体内容而定,这里以王者荣耀收徒经验为例,总共有6个步骤,因此N=6。

第二步,为页面添加窗口滚动时用例,总共需要N+1个用例,分别对应N个步骤和其他情况。

第三步,每个用例都需要3个步骤,即移动已超出浏览器上方的标签、移动未超出浏览器上方的标签和设置标签的选中情况。

完成之后的原型效果请移步:http://weidublog.com/wp-content/case/prototyping1/201709090935/

希望学习更多有趣的Axure原型案例,可以购买维度原型高清视频教程《Axure8.0案例实战进阶(案例篇)》,也可以持续关注维度网站(http://weidublog.com),最专业的Axure原型设计学习平台。

作者:维度

转载请注明出处:http://weidublog.com/index.php/2017/09/09/1273/

1 评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注