对动态面板的一些基础操作进行初步的认识与使用。做完也应该不太会使用动态面板,因为在后续的学习中会不断的使用动态面板,那时才算是逐渐掌握。
Axure高保真秘笈总述:https://www.jianshu.com/p/cfbc3a7b3f73
1案例11,12、13动态面板初次登场(50分钟)
第一次使用动态面板,实现状态切换的功能和固定在浏览器固定位置的功能
·做法
1、查看案例11的案例效果、案例描述和元件准备。元件准备中要注意“页面中”、和“动态面板各个状态中”这两种描述方法,第二个是双击进入动态面板后,在动态面板的设置,以后经常会看到这样的描述
2、查看案例11的操作步骤并进行操作,我是直接放了两个矩形进去,只试验交互而不管其他任何事情的。(如下图)
3、做案例12的效果,所需要的图片可以随便找点电脑里的图片代替。
4、制作案例13的效果,这个很简单
·说明
1、动态面板是十分重要的功能,也是日后不断重复使用的功能,所以也不需要去刻意记忆。
2、现在应该慢慢熟悉操作的按钮都在那里,操作起来不那么难受了
2案例14(50分钟)
这个案例比较复杂,加油,奥里给!也不是说以后就会要做到这样的东西,只是做一遍对很多功能也就熟悉一遍。
·做法
1、花一两分钟看一下案例效果
2、看元件准备,把里面有名字的元件都拖出来放好名字也起好,注意看动态面板里面的情况。看思路分析第一条,把各个元件的上下顺序都排好,在元件上右键可以调整层级顺序。无视其他元件,不用拖他们进来。
3、按照操作步骤做,像图7-104这种的,就按着他的箭头一步一步设置就好了。如果觉得头晕请深呼吸一下。
4、做完之后再回头看一下思路分析
·说明
1、一开始可以拖的分开一点,设置好了再组合
2、一定要好好命名,要不然会很慢很慢
3、一定要保存好,案例40还要用到
3案例15(20分钟)
做法
按步骤做就好了,同样的,我只关了交互有关的部分。
网友评论