返回顶部的功能是我们在设计原型时很常见的功能之一,具体表现为:
1、页面可进行滚动
2、页面滚动时返回顶部按钮不随着页面滚动
3、点击按钮页面返回到顶部。
原型演示可以点击查看:https://a1ivai.axshare.com
我们一起来看看根据上述的表现,要怎么制作这个案例
1、画出页面展示图
首先,需要打开Axure软件,并在画板上画出整个页面的展示图,即网页的整体画面。这里用截图演示,大家根据实际需要去绘制页面。
2、创建交互元件
(1)锚点
首先需要创建一个锚点,因为后面的用例设置需要用到锚点进行定位。我们可以用热区部件,或看任何空白内容的部件去制作,或者用顶部的部件去指代。在我的这个案例里边,我是使用完整的截图,所以可用图片作为锚点。
如果是另外部件制作的话,位置为(X=随意,Y=0)即可。