Axure工作环境

						Axure工作环境

开发工具与关键技术：Axure RP 8 Axure
作者： 半城烟沙
撰写时间： 2021年1月08日
1.Axure的工作环境的特点
 可进行可视化拖拉操作可轻松快速的创建带有注释的线框图
 无需编程就可以在线框图中定义简单链接和高级交互。
 Axure 可一体化生成线框图、HTML 交互原型、规格说明
 专业的快速原型设计工具
快速创建互联网产品的线框图 流程图 低保真原型
高保真原型和交互说明／流程文档等
2.菜单栏和工具栏
执行常用操作，如文件打开、保存、格式化控件、输出原型、输出规格等操作

3.页面导航面板
新增页面和新增总页面需要分清楚图标，项目最重要的是耐心，子页面不同于主页面,子页面可以在主页面进行浏览和在主页面中跳转到子页面，主页面就只能是在运行时看到
 右击进行页面的添加、删除和重命名
 页面组织排序
 打开页面进行设计

 在绘制线框图或流程图之前，应该先思考界面框架，决定信息内容与层级。
 明确界面框架后，接下来就可以利用页面导航面板来定义所要设计的页面。 页面导航面板是用于管理所设计的页面，右击可以添加、删除及对页面层次进行重新组织。
 在页面导航面板中，通过拖拉页面或点击工具栏上的排序按钮，可以上下移动页面的位置和重新组织页面的层次

4.元件
 元件是用于设计线框图的用户界面元素。
 在元件面板中包含有常用的元件，如按钮、图片、文本框等 在Axure RP 8的元件库中带有很多的元件，是系统自带的原件

 添加元件
从元件面板中拖动一个元件到元件编辑区域， 就可以添加一个元件；
元件可以进行拷贝（Ctrl+C）和粘贴（Ctrl+V） 。
 操作元件
选中元件后，可以拖拉移动元件和改变元件的大小；
可通过元件右键菜单进行组合、排序、对齐、分配等操作
 编辑元件风格和属性
工具栏：点击工具栏上的按钮，编辑元件的文本字体、背景色、边框等。
右键菜单：元件右键菜单上可编辑元件的一些特定属性，不同元件这些属性也不同
 元件也可以经过人为原因控制形状，形状类有三种：矩形1、2、3 椭圆形（如上图），这几个可以换成其他形状。操作方式：
拖动①处三角形状快速改变圆角
单击②处圆形快速改变形状
按住ctrl键，进入矩形区域，拖动角度即可改变形状角度
在③样式中可以设置具体的各项参数
其中④填充是指文字与形状边缘之间填充的空间
 图片：只有图片可以外部导入图片，其他的元件皆不可
 动态面板（重点）：

动态面板的实质就是层，一个动态面板可以有多个状态，每个状态可包含一系列元件；正是因为动态面板的存在实现了同一区域状态的变化
任何时候都只有一个状态时可见的，一般都是默认第一个状态可见。
动态面板的状态可以隐藏、显示和改变。
将动态面板拖到界面后，可以根据需要改变面板大小、位置。
使用动态面板的情况：
页面中存某块内容在开始不显示，后来显示的情况；
在开始页面加载时不显示，后来显示的情况；
Tab页切换；
某块内容随着事件的不同显示位置不同的情况
动态面板可以做无限循环的功能
 热区

1.  可以添加成链接（比如，增大某处的反应区域；导航的链接）

2. 跳转到层或区域（比如，回到顶部）
3. 可以添加交互（比如，在翻到此处热区时自动加载下方更多）
   热区在生成的原型中是透明的（不可见的），如果想在设计区域中也将其设置为不可见状态，在菜单栏中，点击“视图 → 遮罩 →取消勾选热区”即可。
    文本
   文本本身没有边框，生成原型之后也没有。且文本的高度不可以改变，文本框也是一样的
    交互面板
   用于定义线框图中元件的行为，包含定义链接、弹出、动态显示和隐藏等。所定义的交互都可以在将来生成的原型中进行操作执行
   可以定义元件的事件、场景和动作：
   互事件：用户操作界面时就会触发事件，如鼠标单击时、鼠标移入时和 鼠标移出时；
   场景：每个事件可以包含多个场景，场景也就是事件触发后要满足的条件；
   动作每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板
    元件管理面板
   元件是可以重复使用的特殊页面，如页首；
   只要修改元件，引用这个元件的所有概要也会随即全部跟着变化；
   元件面板可利用文件夹来组织元件，并且可以用拖拉或工具栏的方式排列元件