您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure8 原型设计:动态面板实现图片轮播

发布人:www.yunke.ai 发布时间:2021-01-01 141 次浏览

我们在浏览网站时经常会看到图片轮播效果,那么,这个效果如何用Axure实现呢?

很多网站都会用到图片轮播,在原型设计中相信很多人都会用到,本和大家分享一下用动态面板实现图片轮播的效果。原型预览效果如下:

交互事件分析

图片轮播最主要的交互事件是自动切换及点击时手动切换,事件分析如下:

页面概要

1个动态面板:动态面板需新增4个面板,每个面板设置对应的轮播内容(本文用不同颜色的矩形代替);

2个矩形:设置为“上一页”、“下一页”按钮,点击后切换面板内容;

4个椭圆形:点击后切换到对应的面板。

交互说明