logo 原型设计工具Axure RP使用教程 我也要发布文档

新手教程(五):锚链接教程


Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

免费下载Axure RP 优惠购买Axure RP


在本教程中,您将学习如何创建一个将页面向下滚动到特定窗口小部件的链接。(点击下方图片查看视频)


小部件设置


  • 打开一个新的RP文件,然后在Pages(页面窗格中双击Page1(页面1以在画布上将其打开。
  • 将一个按钮小部件从Libraries(窗格拖到画布上,并将其放置在页面顶部。
  • 将一个占位符窗口小部件拖动到画布上,然后将其放在页面的下方。(屏幕快照中指示的占位符位于Y:2,000。)

滚动互动


  • 选择按钮小部件,然后在Interactions(交互窗格中单击New Interaction(建交互
  • 在出现的列表中选择Click或Tap事件,然后选择Scroll to Widget (Anchor Link)(滚动到小部件(锚链接)操作。
  • 在目标下拉列表中,选择占位符小部件。
  • 将滚动方向保留为Vertically(垂直,然后单击OK(确定以保存操作。

注意:

如果愿意,可以在Animate(动画下拉列表中向页面滚动添加动画。

预览互动


  • 在Web浏览器中预览页面,然后单击按钮向下滚动到占位符。

想要获得Axure RP更多资源、正版授权的伙伴,请咨询【慧都客服】了解

关注慧聚IT微信公众号???,了解产品的最新动态及最新资讯。

慧聚IT