养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何利用Axure RP 8设计出图片轮换的效果

时间:2024-10-13 20:15:48

在系统或网站中,经常用到图片定时或点击轮换,可以给用户一个吸引人的美观印象。图片轮湍恬擒舍换可以更好展示系统,趑虎钾缫更为提示用户。AxureRP8原型设计界面可以实现图片轮换,下面利用一个实例说明图片轮换的效果,操作如下:

如何利用Axure RP 8设计出图片轮换的效果

工具/原料

AxureRP8

截图工具

浏览器

图片工具

方法/步骤

1、第一步,打开AxureRP8软件,在元件库中找到“图片”元件,拖一个到画布中,调整宽度恽但炎杰和高度,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

2、第二步,在图标元件中找到左和右图标到画布中,调整位置,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

3、第三步,选中图片元件,导入外部图片,调整图片宽度和高度,让其跟图片元件的高度和宽度一样,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

4、第四步,选中左侧图标,添加鼠标单击用例,添加默认图片,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

5、第五步,选中右侧图标,添加鼠标单击用例,添加默认图片,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

6、第六步,预览该原型页面,这时页面出现一个图片带有两个左右图标,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

7、第七步,分别点击左侧和右侧的小图标,查看图片效果,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

如何利用Axure RP 8设计出图片轮换的效果

© 一点知识