初学Axure

今天开始学习Axure，学习时间为三天。

安装软件

1、双击压缩包进行解压
2、找到Axure RP 9目录下的“AxureRP9.exe”文件，双击运行

授权码：https://blog.csdn.net/hongc93/article/details/107857318

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

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

建议初学者可以汉化方便使用

汉化教程：

  关闭显示都是英文的axure
  将下载好的英文包解压，找到里面有一个lang包文件，复制下来
  在桌面上找到你的Axure图标，查看其原始地址，然后直接进入可以访问其本地所在地址
  将lang包放入到你的地址内
  再次打开软件查看是否汉化

因为是刚开始学习的第一天只是简单的介绍了软件的基础用法。

菜单栏

其中，经常使用的菜单功能有：

对两个元件进行连接，有自动聚焦功能，且连接线可进行设置：线条颜色、线条粗细、线条样式、箭头样式。根据不同的业务进行对应的连接线设置。

• 文件-导出图片：当前打开页面对应的单张图片、所有页面

• 编辑-快捷键：保存、撤销

• 视图-重置视图：当关闭某个窗口，可通过此次菜单快速恢复窗口视图

• 布局-组合、对齐、分布，在工具栏也有快速按钮，包含shift键多选元件、组合后右键或者概要中进行重命名

• 布局-显示网格和对齐辅助线

• 发布-预览、预览选项、生成HTML文件，在工具栏也有快速按钮

• 工具栏

• 

• 工具栏中基本工具有一些是菜单栏中的快速按钮，样式工具是功能设置中的样式。其中特殊的有：

• 缩放，也可Ctrl和+或者-进行放大或者缩小

• 连接线

• 钢笔工具

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

2.画直线、折线

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

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

元件库

组件面板中包括有线框图组件和流程图组件两种类型，用这些组件可以进行线框图和流程图的相应设计。

这里显示的是所有的组件，后面的一部分是流程图组件 。系统默认显示的线框图类型的部件。

Default

可以将要使用的组件拖拽到工作区域进行使用

案例：

form表单

点击输入框即可输入姓名

性别男女选项要设置相同的单选按钮组，即可实现互斥。如图：

下拉框选项设置：

预览效果：

icons

1.可以使用Axure自带icon图标

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

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

安装插件后打开iconfont即可复制喜欢的图标

Load Libraries

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

常用的有elementUI，vant，antDesign等

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

我添加的元件库 

.母版

多次使用，重复使用的元件可以放入母版（比如导航栏）

作用：风格的统一、元件的复用

新建母版：已有元件，右键生成母版

左下角新建母版

使用：从左下角拖拽使用

行为方式：任意位置、固定位置

只要修改母版，每个页面的引用的母版内容就会改变

右键母版选择添加页面，如图，页面1.2的母版设置为111

页面1

页面2 

注意：只要修改母版，每个页面的引用的母版内容就会改变。

交互

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

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

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

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

定义链接

定义链接可以让一个组件响应一个动作时（如鼠标点击、飘过）链接到其他页面。 在Axure里提供了四种链接方式： 1、链接到设计中的页面； 2、连接到外部网址或文件； 3、重新载入当前页面； 4、返回上个页面。

案例：

鼠标点击“开”时打开“是否打开红包”连接

点击×时关闭窗口

 是，打开红包

 

 否， 跳转回红包页面

附上今天的作业拆红包