标签页（Tabs）在Axure原型设计中作为高频使用组件，Axure可通过交互样式和动态面板时间标签页效果

工具/软件

Axure9

步骤一：准备元件

三个矩形框，分别命名“标签页 A”、“标签页 B”、“标签页 C”，统一设置默认样式、鼠标悬停样式和选中样式

动态面板并设置三个状态分别对应“标签页 A”、“标签页 B”、“标签页 C”，编辑好动态面板内容，命名“标签内容”

将元件如图所示排列

步骤二：交互设计

选中三个矩形框归为同一选项组

标签页A默认“选中”选中标签A设置交互

单击时：设置动态面板“标签内容”面板状态为“标签页A”，并选中“当前”页

矩形框“标签页B”和“标签页C”同样交互设置切换动态面板到对应状态，并选中“当前元件”。完成预览即可

标签页动态面板内容可根据需求设计内容，下载Axmax Element 组件库可获得更多标签页设计案例

本文由Axmax原创