使用axure的动态面板做导航效果

 时间:2024-10-14 10:11:07

1、首先打开Axure,在home中,搭建基本样式。如图在左侧的“部件-线框图”中,选择动态面板图,左键点击拖到工作窗口。调整为需要的大小。

使用axure的动态面板做导航效果

3、状态添加并命名完毕后,在"面板状态"中点击“编辑全部状态”。如图。

使用axure的动态面板做导航效果

5、首先,“11”的动态面板页面设计,我们设计的目标是,当选择首页时,显示的图片在左边,文字在右边。

使用axure的动态面板做导航效果使用axure的动态面板做导航效果

8、同理,在“11”中,设计第二个矩形框的动态。选中“第二页”的矩形框,同设置首页的步骤,在右侧右上角“鼠标单击时”双击,弹出窗口,“动态面板”---“设置面板状态”--在窗口的第四步中,选中“动态面板”,当前默认是“11”,我们需要改成“22”,如图所示,选择后,确定,第二个面板的就设计好了。

使用axure的动态面板做导航效果

9、第二个设计的方法类似。首先需要复制“11”面板中的按钮矩形框至“22”动态面板,同理拖动图片和多行文字元件至动态工作区。如图。将首页的矩形框颜色改为白色,”第二页“填充为蓝色。

使用axure的动态面板做导航效果

11、我们来生成原型文件,看下具体的状态。

使用axure的动态面板做导航效果使用axure的动态面板做导航效果
  • Ae 2019 怎样精确定位标尺参考线?
  • AE 如何做文字摆动效果
  • AE使用form怎么导入加载Maya中的3D模型?
  • AE精通教程:3D效果多个灯光
  • AE怎样做点爆破的MG动画?
  • 热门搜索
    京津冀旅游年卡 东部华侨城旅游攻略 台山旅游景点大全 武汉旅游团 凤凰古城旅游团 冠豸山旅游攻略 外出旅游注意事项 武汉到云南旅游报价 山水旅游黄页 海南旅游指南