axure rp 8.0怎么制作幻灯片效果的网页原型?

axure rp 是一个专业、高效制作原型软件,可以制作低保真原型,高保真原型,以及流程图,给产品经理带来很多的方便,工作效果也大大提高。幻灯片效果,在很多网站上都可以看到图片轮播,今天我在这给大家详细介绍一下如何利用AXURE RP 8.0制作幻灯片轮播的原型过程。

1、打开axure 8.0 ,界面如图

2、在首页拖入四张小图和一张大图,在这我就I以矩形色块代替图片,这样更节省时间,给每个色块填充不同的颜色,用来区分,大图的颜色跟第一个小图的色块一样,如图:

3、接下这一步很重要,我们点击大图,右键,转化为动态面板,如图效果:

4、双击动态面板,弹出对话框,我们给动态面板起个名字(大图展示),并在下面点击添加状态abcde,如图:

5、接下来我们要开始设置我们小图,点击第一张小图,名称设为a,在交互栏目下双击鼠标移入时,

6、弹出的编辑器对话框,我们在左边选择设置面板状态,勾选大图展示,状态选a,进入动画效果选为向左滑动;再选择左边设置不透明度,选中矩形a,设置不透明度为20,然后点击确定,如图:

7、继续选中第一个,在交互界面上选择鼠标移出时,双击,在出现的编辑器选择,设置不透明度,右边选中矩形a原件,不透明度设为100,点击确定,如图:

8、按以上办法,依次设置好第二、三、四个矩形,并且分别命名b/c/d,动态面板状态分别选中b/c/d,在这不一一展示,设置好的效果如图:

9、接下来我们要设置动态面板大图展示的状态,a状态展示的图片是小矩形a的放大图的效果,我们就把a状态的颜色与矩形a的颜色设为相同,bcd的状态颜色分别与对应的原件bcd颜色相同,双击大图展示动态面板的abcd,并且把a状态的矩形分别复制到bcd,分别给bcd状态填充矩形bcd的颜色,与之一一对应,效果如下:

10、最后一步,也是我们最重要的关键一步,那就是大功告成了,我们返回首页,点击预览,弹出的页面我们就可以看到我们辛苦制作的幻灯片原型出来了,如图:

注意事项:

幻灯片制作时小图要与大图一一对应,不能弄混了。

(0)

相关推荐

  • Axure RP 8怎么设计图片点赞功能的网页原型?

    Axure RP 8怎么设计图片点赞功能的网页原型? 1.打开Axure RP 8软件,在元件库中找到图片元件,拖一个到画布上,如下图所示: 2.在"Icons"中找到手形向上和手 ...

  • Axure RP母版中怎么制作可复用的网页?

    Axure RP是一款制作高保真原型的工具,其中的母版是一个很重要的功能,它可以复用到很多的页面中,比如网页的顶部导航,左侧的菜单树,底部公司的信息等等.这些重复的部分可以做成母版,然后复用到页面中, ...

  • Axure RP 7.0快捷键大全

    Axure是设计师最常用的的原型设计工具之一,Axure RP 7.0版本相较6.5版本也有了比较大的改变。这里就介绍一下Axure RP 7.0的快捷键: 基本快捷键: 打开:Ctrl + O 新建 ...

  • Axure RP 8.0注册码 软件授权 license key

    Axure RP 简介 Axure RP 是一个专业的快速原型设计工具,是产品经理(Product Manager)的首选利器,没有之一.Axure,代表美国 Axure 公司:RP 则是 Rapid ...

  • Axure RP 8.0怎么设置纸张尺寸和大小?

    Axure RP是一个专业快速设计原型工具,可以根据需求和规格.设计系统功能和原始界面,创建相关的线性图.流程图等.在设计之前,一定要设置好Axure RP 纸张的大小和尺寸. 1.打开Axure R ...

  • Axure RP 8中怎么制作复选框?

    Axure RP 8可以利用自带的控件设计出不同场景.不同类型的页面以及组件,如表格.下拉框.复选框和单选框等.下面将介绍如何用Axure RP 8制作出不同的复选框,具体操作如下: 1.首先,双击打 ...

  • Axure RP 8中怎么制作移动页面原型?

    Axure RP 8是设计软件原型工具,根据系统需求设置各种页面.页面分为不同的级别,有同级的.父子级等.下面将讲述如何利用工具移动页面,具体如下: 1.双击打开Axure RP 8,默认情况下,在“ ...

  • Axure RP 7.0 教程手机左右滑动效果

    平时使用手机时经常会用到左.右滑动页面的交互效果.下面介绍它交互的实现过程 操作方法 01 步骤1:准备一个系统菜单导航图片,导入一个系统菜单导航栏图片 02 步骤2:从部件库中拖拽矩形到线框图编辑区 ...

  • Axure设计图片轮番播放效果的网页原型的教程

    axure是一个非常实用的原型制作工具,产品经理.产品助理.交互设计师经常用到它,那怎么使用axure实现广告轮播图效果呢? 1.创建两个动态面板,一个用于轮播图片,命名为[背景图片],一个用于图片中 ...