动态面板为Axure里常用的元件:
本次主要涉及：元件：动态面板、图像，技术点：交互用例、动态面板和图像的编辑，如下面脑图所示：
1、打开Axure8(axure7也一样)，默认是新创建的项目，找到 “动态面板”元件，如下图：
2、拖动元件到工作区，按照图指示的任意一个地方给动态面板命名：测试面板
3、双击动态面板元件，出现状态state1,双击进入到state1的编辑：
4、拖放一个图像元件到state1内，双击并找到准备的图片(红旗)，这样第一个状态就编辑好了。
5、下面编辑第二个状态，注意看图，在右下方的 “概要”栏目内 找到state1右键“复制状态”，这样里面的元件大小、位置不会发生改变。复制成功后为便于下面的交互用例，将状态分别命名为：红旗、蓝旗。然后点击蓝旗状态，将图片替换。
6、以上步骤完成后，开始编辑交互用例。双击红旗图片，出现如下图所示的交互用例，找到：鼠标单击时，并双击出现用例编辑面板。
7、选择 元件-->设置面板状态 ，然后按照图示选中 “测试面板”，并为其设置选择状态为：蓝旗。同时设定动画效果。
8、红旗状态编辑完成后，点击确定，按照下图所示在 case1下邮件复制用例，并粘贴到蓝旗状态下。然后按上一步的操作，将蓝旗点击是的选择状态设置为：红旗。
9、最后F5预览，并点击图像测试效果
相关推荐：

                           Axure 8介绍

Axure又名为“原型设计”，是一个作用于“页面设计”的创作而诞生的应用，能够有效的在短时间内将自己的设计想法“一一实现”的快速编辑工具。

Axure的工作环境：页面导航面板，元件编辑区域，元件注释区域，元件交互面板，菜单栏与工具栏，元件管理面板，母版管理面板。   如下图1所示：

图1

一．页面导航面板：

是用于管理所设计的页面，右击可以添加、删除及对页面层次进行重新            组织。由一个主页面嵌套着些许个“子页面”在其中，可以对所在页面进行随意切换。 

功能：可以随意对多个页面进行同步操作，实现页面之间的无间隙的连接。

二．元件导航面板：在进行页面设计时，往往需要大量的元件来进行设计，从而组成页面，由元件–>页面的过程。而元件又可以分为很多种，例如，常用的基本元件，表单元件，标记元件，表单与表格，icon元件等等…如图2，图3所示：




图2图3

三．元件编辑面板/元件注释区域：利用元件在此区域进行操作，在进行完元件引入之后，随之触发的元件注释区域，为各个元件进行独有的标志，以便在往后的页面设计修改方案中及时更改，从而达到更高的工作效率。

四．元件交互面板区域：俗称“检视区域”，在进行页面设计的过程中，可能需要制作高保真原型，而高保真原型的意思就是将功能“真实模拟化”，要做到如真实效果一样，对操作要求比较高。




对应的还有属性，说明等等…

属性说明：在属性界面中，就是简单的“交互”，在此上面，有【自定义的事件】，也有Axure系统自身配备的交互事件，例如：“单击事件，双击事件，滚动事件，页面加载事件…”

在交互中，也有特殊的条件要求，例如：要设置在页面上的固定位置或者拖动事件等等都要在“动态面板”中才能实现，在其他不同的元件中，也会呈现出不同的交互事件，这就是元件的魅力所在。
样式说明：在样式中，使用方法也和属性一样，但是也仅仅是元件的不同伴随着功能略有不同而已！在样式中，举例：元件“矩形”为例，其中的样式就有：位置、阴影、填充、边框、圆角、透明度、字体、行间距…

注意点：在不同的样式中呈现出来的效果也各不相同。想了解更多详情，请关注【黎肆风】的个人博客。

五．母版面板：点击添加母版，可以暂时储存一定的内容，例如：页面、特殊的元件、又或者是储存着一些“在设计中经常用到的东西”，母版可以快速帮你建模成功，到达高效率。

六．菜单栏与工具栏：在菜单栏中，有着许多功能，例如：“检视面板的部分功能”，“对元件的特殊的条件附加”外加上【元件排序，前后…】如下图所示：

关于Axure 团队协作开发，本人在之前也一直在使用SVN进行管理，在使用过程中问题种种，遂切换Axure Share 进行管理。话不多说，直接上图，步骤讲解如何使用 Axure Share 进行团队开发。

 

准备资料：

       Axure 8 下载地址：https://pan.baidu.com/s/1FAbUxDdjK7hUcFBZmfkVUQ  

       Axure Share 登录地址：https://share.axure.com/

 

一：在 Axure Share  创建非默认工作空间

第一步：登录 Axure Share 

    这个登录就不再上图了吧。

第二步：创建工作空间，如下几图

    登录 Axure Share 点击NEW WORKSPACE，弹出新增窗口，输入 你要新增的工作空间名称，点击 创建 即可。

    有些童鞋可能会疑问，为啥有一个默认的 My Projects 工作空间不用，还要重新创建？或者是创建文件夹不行吗？趟过这个坑的我不会告诉你的（后面走不下去，你还会在回来的 *_* ）





    创建好的工作空间如下图所示：



二：创建团队项目并上传至 Axure Share

第一步：打开Axure 创建团队项目，位置：文件-->新建团队项目



第二步：选择 新建立的 工作空间，填写 项目名称，建立项目



    填写完成如下图，然后点击创建，团队项目就创建完成并上传到Axure Share了。



    创建团队项目成功后，会如下图，带蓝色零星图标



三：为团队项目增加 团队成员

第一步：进入 Axure Share -->SSCX（新建立的工作空间），选中 新建的项目（ZC），在下拉列表MANAGE USERS ，选中 INVITE PEOPLE



第二步：填写邀请人账号（队友的注册账号），发送邀请



第三步：队友 登录Axure Share 接受邀请



四：队友获取团队项目

第一步：打开Axure -->团队-->获取并打开团队项目，选中 协作的项目即可。



 

大功告成！！！

 

在使用过程中同事遇到 Axure 中 找不到 团队 菜单，是因为版本 不正确，需要调整下版本。

 

亲测Axure8.1.0.3355可用



Axure8注册码:



授权人：

University of Science and Technology of China (CLASSROOM)

授权密钥：DTXRAnPn1P65Rt0xB4eTQ+4bF5IUF0gu0X9XBEUhM4QxY0DRFJxYEmgh4nyh7RtL