前面两篇经验已经分享了支付信息展示页面制作过程,接下分享如何制作切换出输入框的操作步骤。
工具/原料
联想台式电脑
Windows10操作系统
AxureRP9
方法/步骤
1、打开Axure文档,新增一张Page并命名为:支付页面输入框。
2、复制“支付信息展示”页面部分内容。
3、增加一个文本框,设置线段颜色及底部两个圆角。
4、增加操作功能键。
5、增加输入信息“发送”按钮。
6、设置“页面切换”元件点击鼠标的交互情形:跳转到“支付信息展示”页面。
7、“支付信息展示”页面的“页面切换”元件点击鼠标的交互情形:跳转到“支付页面输入框”页面。
8、点击“预览”按钮,在浏览器操作可以获得所需要的效果。