Axure 常用交互案例-返回顶部

返回顶部的功能是我们在设计原型时很常见的功能之一，具体表现为：

1、页面可进行滚动

2、页面滚动时返回顶部按钮不随着页面滚动

3、点击按钮页面返回到顶部。

原型演示可以点击查看：https://a1ivai.axshare.com

我们一起来看看根据上述的表现，要怎么制作这个案例

 

1、画出页面展示图

 

首先，需要打开Axure软件，并在画板上画出整个页面的展示图，即网页的整体画面。这里用截图演示，大家根据实际需要去绘制页面。

 

 

2、创建交互元件

 

（1）锚点

 

首先需要创建一个锚点，因为后面的用例设置需要用到锚点进行定位。我们可以用热区部件，或看任何空白内容的部件去制作，或者用顶部的部件去指代。在我的这个案例里边，我是使用完整的截图，所以可用图片作为锚点。

如果是另外部件制作的话，位置为（X=随意，Y=0）即可。