美文网首页产品经理Axure知识汇总axure
三、元件案例篇(动态面板初识)(两小时)

三、元件案例篇(动态面板初识)(两小时)

作者: 狐狸_d5ae | 来源:发表于2019-12-11 11:05 被阅读0次

    对动态面板的一些基础操作进行初步的认识与使用。做完也应该不太会使用动态面板,因为在后续的学习中会不断的使用动态面板,那时才算是逐渐掌握。

    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分钟)

    做法

            按步骤做就好了,同样的,我只关了交互有关的部分。

    相关文章

      网友评论

        本文标题:三、元件案例篇(动态面板初识)(两小时)

        本文链接:https://www.haomeiwen.com/subject/trrogctx.html