【Axure实例】滚动视差界面设计

陪学网【Axure实例】滚动视差界面设计

实现原理：

两个动态面板叠在一起，下面的动态面板为“背景”动态面板，上面的动态面板为“场景”面板。背景面板两个状态中分别放入两张背景图。场景面板垂直做三屏，分别放置场景图片。

实现步骤

第一部分：原型界面制作
步骤1
部件窗口拖入1个动态面板，设置动态面板大小：w:1280 h:800；检察窗口设置面板名称：背景

步骤2
双击背景动态面板，打开动态面板状态管理窗口，添加两个状态：状态1、状态2


步骤3
打开两个状态的编辑页面，切换到状态1编辑页面，部件窗口拖入1个图像部件，双击导入图片4.10C