Axure基础教程:动态面板切换状态交互
萌鸡小涂 2022-11-22
原创
Axure动态面板切换交互案例,可用于tab切换等交互

Axure在交互设计是,tab切换是很多网站必备交互。例如现在登录往往会提供账号密码登录,手机号验证码登录,甚至更多。本文多种登录页面为案例。


准备两个矩形框,输入文本“验证码登录”和“密码登录”。设置文本元件选中样式并加入到一个分组当中

image.png

准备一个动态面板,设置两个状态“验证码登录”和“密码登录”。动态面板命名“登录”

image.png

分别为动态面板状态添加动态面板登录对应登录元件

image.png

对文本“验证码登录”设置交互,单击时设置动态面板“登录”状态“验证码登录”,并默认为选中状态

image.png

对文本“密码登录”设置交互,单击时设置动态面板“登录”状态“密码登录”

image.png

预览地址: https://ititnh.axshare.com