幻灯片教学的时候经常用投影机观看的一幅幅照片,现在通常说的幻灯片多指电子幻灯片,亦称演示文稿、简报,是一种由文字,图片等,制作出来加上一些特效动态显示效果的可播放文件。今天给大家介绍一下使用Axure实现幻灯片的效果。
我们以新浪新闻的网站做实例,做四个图片即可,分别为热点、策划、聚焦、百态:
首先打开Axure软件,拖入一个图片元件,然后转为动态面板,复制四个状态:
四个状态表示网站的四张图片,比如新浪新闻的网站,然后将图片复制到四个动态面板状态中:
图片加入之后就需要四个矩形,分别为热点、策划、聚焦、百态:
然后添加交互,给四个矩形设置鼠标移入时,然后设置面板状态,分别状态为1、2、3和4。
然后鼠标右击,给焦点设置交互用例,鼠标移入时,设置线宽,线段颜色为红色,其他三个设置一样:
设置完之后预览一下效果,就会发现,鼠标移入“策划”,就会跳出“策划”的图片,线框颜色也随之变化。
这里其实还涉及到鼠标移入字体变色的效果,因为真正的新浪新闻网页,移入鼠标之后,字体颜色变为了红色,小编在前文中有提过这个效果的实现,如果有需要,下文可以讲解。
以上就是Axure实现幻灯片效果的教程,如果想要了解更多教程内容,点击文章:Axure全局辅助线与页面辅助线的使用方法。
1 comment so far
Axure如何显示两侧工具栏 | Axure 中文网Posted on9:12 上午 - 1月 22, 2019
[…] 关于小伙伴们问的找不到左右两侧的工具栏问题,已经全部写出来了。更多感兴趣的教程,点击文章:用Axure怎么实现幻灯片的效果。 […]