用Axure 9 动态面板制作选项卡

  • A+
所属分类:产品设计

最近主管让画原型图,之前一直做开发,只管写代码产品设计这块没怎么了解。使用了一段时间Axure之后觉得这个软件挺好玩的,感觉对自己以后无论是做开发还是做产品都有很大的帮助。既然花时间去做 一样东西,那就不能只图完成任务,当然还要利用这个机会加紧学习。

Axure里面的普通控件没啥说的,都很简单一看就懂,这个【动态面板】花了我一点时间学习,可以拿出来说说。直接上个例子吧,做个选项卡就明白怎么用的了。

1.新建一个动态面板

用Axure 9 动态面板制作选项卡

用Axure 9 动态面板制作选项卡

2.创建三个状态(页面)

用Axure 9 动态面板制作选项卡

用Axure 9 动态面板制作选项卡

3.双击动态面板区域,编辑T1。如下图所示添加4个矩形,并将t2、t3设置为灰色且置底,t1设置白色且置顶。

用Axure 9 动态面板制作选项卡

用Axure 9 动态面板制作选项卡

4.右击t1,选择无下线的矩形

用Axure 9 动态面板制作选项卡

     

用Axure 9 动态面板制作选项卡

用Axure 9 动态面板制作选项卡

用Axure 9 动态面板制作选项卡

5.选中t1,进行如下设置

用Axure 9 动态面板制作选项卡

用Axure 9 动态面板制作选项卡

依次将其他面板做出相应设置即可。

附上原件:

        链接: https://pan.baidu.com/s/1uvrJC2HN_ucY3QszBRdfkg 提取码: ax3r

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: