轮播图是网页设计或者APP设计常见的元素,学会使用axure原型工具制作轮播图对制作PC端或移动端的原型都非常实用。现在绵羊讲讲如何使用axure8.0制作轮播图~~
步骤一:轮播图动态面板
首先,拖一个动态面板至画布中间,设置大小为612X366,命名为“轮播图”;
然后,为该动态面板设置3个面板状态,分别为图一,图二和图三,并分别在每个面板状态分别导入一张图片;
最后,为该动态面板添加一个“载入时”用例,用例中设置面板状态为,选择状态:Next,向后循环,循环间隔4000ms,进入动画:逐渐700ms,退出动画:逐渐700ms。
步骤二:轮播按钮动态面板
首先,拖一个动态面板至“轮播图”动态面板的正下方适当位置,设置大小为60X12,命名为“轮播按钮”;
然后,为该动态面板设置3个面板状态,分别为轮播按钮一,轮播按钮二和轮播按钮三,并在每个面板状态分别放3个白色圆点。轮播按钮一状态中的第一和第二个白色圆点透明度设置为50%,轮播按钮二状态中的第一和第三个白色圆点透明度设置为50%,轮播按钮三状态中的第一和第二个白色圆点透明度设置为50%;
最后,为该动态面板添加一个“载入时”用例,用例中设置面板状态为:选择状态:Next,向后循环,循环间隔4000ms,进入动画:逐渐700ms,退出动画:逐渐700ms。
难者不会,会者不难,还等什么呢?动动手~~