用Axure怎么实现幻灯片的效果

用Axure怎么实现幻灯片的效果

幻灯片教学的时候经常用投影机观看的一幅幅照片,现在通常说的幻灯片多指电子幻灯片,亦称演示文稿、简报,是一种由文字,图片等,制作出来加上一些特效动态显示效果的可播放文件。今天给大家介绍一下使用Axure实现幻灯片的效果。

我们以新浪新闻的网站做实例,做四个图片即可,分别为热点、策划、聚焦、百态:

Axure网页新闻

首先打开Axure软件,拖入一个图片元件,然后转为动态面板,复制四个状态:

Axure拖入元件

四个状态表示网站的四张图片,比如新浪新闻的网站,然后将图片复制到四个动态面板状态中:

Axure动态面板

图片加入之后就需要四个矩形,分别为热点、策划、聚焦、百态:

Axure四个矩形

然后添加交互,给四个矩形设置鼠标移入时,然后设置面板状态,分别状态为1、2、3和4。

Axure添加交互

然后鼠标右击,给焦点设置交互用例,鼠标移入时,设置线宽,线段颜色为红色,其他三个设置一样:

Axure鼠标移入时

设置完之后预览一下效果,就会发现,鼠标移入“策划”,就会跳出“策划”的图片,线框颜色也随之变化。

Axure预览

这里其实还涉及到鼠标移入字体变色的效果,因为真正的新浪新闻网页,移入鼠标之后,字体颜色变为了红色,小编在前文中有提过这个效果的实现,如果有需要,下文可以讲解。

以上就是Axure实现幻灯片效果的教程,如果想要了解更多教程内容,点击文章:Axure全局辅助线与页面辅助线的使用方法

1 comment so far

Axure如何显示两侧工具栏 | Axure 中文网Posted on9:12 上午 - 1月 22, 2019

[…] 关于小伙伴们问的找不到左右两侧的工具栏问题,已经全部写出来了。更多感兴趣的教程,点击文章:用Axure怎么实现幻灯片的效果。 […]

在线客服
客服邮箱
客服电话
17051276424