Axure基础操作及高级操作

1.Axure

1.1Axure的安装及汉化

1.1.1Axure的安装

Axure中文学习 ：https://www.axure.com.cn/

安装链接：https://www.axure.com/

（1）点击链接或复制链接到百度进行下载

（2）下载完成后，找到Axure RP 9目录下的“AxureRP9.exe”文件，双击运行

（3）若需要授权码。授权码：https://blog.csdn.net/hongc93/article/details/107857318

注：win7系统安装 错解决：https://blog.csdn.net/weixin_34186128/article/details/85749362
如果还是不行可以安装低版本尝试

1.1.2Axure的汉化

汉化包下载地址：http://www.chanpinban.com/downloads/##

（1）关闭显示都是英文的axure

（2） 将下载好的英文包解压，找到里面有一个lang包文件，复制下来

（3）在桌面上找到你的Axure图标，查看其原始地址，然后直接进入可以访问其本地所在地址

（4）将lang包放入到你的地址内

（5）再次打开软件查看是否汉化

注：统一都使用8版本，不要升级，否则无法使用团队SVN功能。

1.2Axure的使用

1.2.1Axure的后缀

打开Axure软件，原型的后缀名是*.rp。

注：与甲方沟通时后缀可以有三种方式：

（1）*.rp文件（有弊端 若甲方电脑没有Axure软件则不能打开查看）

（2）菜单栏-文件-导出图片

（3）菜单栏-发布-生成HTML文件

与甲方沟通时最好使用后两种方法，来方便甲方查看。

1.2.2Axure的基本组成

钢笔

（1）双击或者esc结束钢笔工具

（2）画直线、折线

（3）画曲线：当前点位置左键鼠标按住不动，方向影响到曲线的方向，橘色的线长度影响到曲线的半径

（4）样式：线条（颜色、粗细、样式）、填充（单色、渐变）

元件库

将想要的图标拖拽到工作区域即可

最好将元件放在坐标原点

若想要改变元件的样式 可以先将元件拖拽到工作区域后再工作区域的右边样式下改变元件的排版、填充、边框、阴影、圆角、边距等等。还可以在样式的第一行填写元件的名字（方便以后元件多了辨别用）。

元件与元件之间的交互可以在工作区域的右侧交互下进行。若元件太多则可以按Ctrl+右键将所有组件组合起来并将组合起来的组件起名字再进行交互。

还可以使用iconfont图标库里的图标

使用iconfont图标需要在google浏览器中安装axhub插件，安装完成后，直接复制自己喜欢的图标即可

（打开谷歌浏览器->更多工具->扩展程序->打开开发者模式->将axhub插件拖拽进去即可）

Axure自带的元件有时并不能满足我们的设计需求，所以市面上许多前端组件库提供了相对应的Axure元件库供给设计师使用。

将下载好的元件库导入即可

选择母版 创建一个新的母版，然后拖入元件；在上面添加一个新的页面，然后右键母版选择新增页面 则会弹出弹框。

点击新增就会出现一个新视图，后点击预设则会出现各种大小的视图，根据屏幕宽度 自适应布局。

2.3交互

交互类型
Axure里的交互动作大致包括：定义链接、设置动作、多个条件场景、页面上的交互四种类型

交互样式(仅对当前元件的样式进行更改)：选中元件，鼠标右键，选择【交互样式…】，选择交互触发类型，选择要更改的交互样式。

交互动作(带有逻辑性)：选中元件，在右侧交互面板选择交互事件类型，设置动作。！！！！！！！！！

交互情形(带有逻辑性)： 设置交互动作，在交互动作中添加情形并设置情形对应的动作；当某个元件的值满足A情形的时候做A动作，满足B情形的时候做B动作。

2.3.1页面载入时，弹出欢迎语或图片

返回图标设置交互

2.3.3选项组菜单互斥效果

注：每一个导航栏设置交互时选择设置面板状态中状态要选择对应着相应的页面，否则不能出现互斥状态

2.3.4折叠菜单

方式一：单击时轮播

方式三：页面加载时 自动播放