Axure中文版使用全指南

Axure RP Pro 使用手册Axure RP Pro 使用手册 (1)第一章介绍 (3)第一节认识Axure RP (3)1、什么是Axure？ (3)2、Axure工作环境介绍 (3)第2节线框图及注释 (5)1. 站点地图面板 (5)2.元件面板（控件面板） (6)3. 控件注释 (9)4. 页面注释（Page Notes） (10)第3节基本交互设计 (12)1、控件的交互 (12)2、定义一个链接 (13)3、定义行为 (14)4、定义多个场景（场景说明） (15)5、页面事件: OnPageLoad （页面载入时） (16)第4节母版 (17)1、什么是母版 (17)2、添加、设计和组织母版 (17)3、页面中添加模块 (17)第5节HTML原型 (19)1、什么HTML原型 (19)2、配置和生成原型 (19)3、重新生成页面 (20)4、使用HTML原型 (20)5、发布原型 (21)第二章流程图 (22)第1节流程图和连接线 (22)1、什么是流程图 (22)2、流程控件 (23)3、流程连接线 (26)4、创建流程图 (27)5、流程图中引用页面 (27)第2节自动生成流程图 (28)第三章高级交互设计 (29)第1节动态面板 (29)1、动态面板控件 (29)2、编辑动态面板的状态 (29)3、隐藏动态面板 (30)4、动态面板的管理 (30)5、动态面板的交互行为 (31)6、动态面板的应用举例 (31)第2节翻转效果和鼠标移动事件 (33)1、OnMouseEnter（鼠标移入时）和OnMouseOut（鼠标移出时）事件 (33)2、图片翻转和按钮样式翻转 (33)第3节按下、选中、停用的效果 (34)第4节菜单 (35)1、菜单控件 (35)2、编辑菜单控件 (35)3、菜单样式翻转 (35)第四章高级功能 (36)第1节逻辑条件 (36)1、什么是逻辑条件 (36)2、创建逻辑条件 (36)第2节OnChange（选项改变时）事件 (38)1、什么是OnChange（选项改变时）事件 (38)2、在OnChange（选项改变时）事件上使用逻辑条件 (38)第3节OnKeyUp（键盘输入时）事件 (39)1、什么OnKeyUp（键盘输入时）事件 (39)2、OnKeyUp（键盘输入时）实时表单验证 (39)第4节OnFocus（获取焦点时）和OnLostFocus（失去焦点时）事件 (39)1、什么是OnFocus（获取焦点时）和OnLostFocus（失去焦点时）事件 (39)2、使用场合举例 (39)第5节变量 (40)1、什么是变量 (40)2、管理变量 (40)3、设置变量的值 (40)4、在条件中使用变量 (41)5、设置文本时使用变量 (41)第6节OnPageLoad（页面载入时）事件 (42)1、什么是OnPageLoad（页面载入时）事件 (42)2、OnPageLoad（页面载入时）事件和变量 (42)案例：登陆界面 (43)案例描述 (43)实现步骤 (43)步骤一、绘制线框图 (43)步骤二、设计控件交互 (44)步骤三、生成原型 (46)技巧和提示 (46)第一章介绍让你初步认识Axure。

Part II :界面与功能(Interface & Function)一、软件主界面与功能关闭欢迎界面后，我们进入软件的主界面，淡雅的色调，并不是很张扬。

功能区1：命令区，和我们操作的所有office软件一样，包含文件、编辑、查看和帮助，这些功能大抵是差不多的。

table也很容易理解，就是对表格编辑的命令。

而Axure特有的几个特殊的命令栏目是a、线框图：线框，包含所有画原型线框图的相关命令。

b、对象：包含所有对工作区物体的操作命令，操作放入工作区的所有组件，包括组合、排序、锁定以及脚注命令等。

c、生成：自动生成html演示文件、word说明文档，以及对生成规则进行自行编辑、定义。

功能区2：工具栏，基本和office风格一模一样，功能也很容易上手。

功能区3：工作区，这就是我们平常操作工具，创建模型的舞台，将自己的构思在这里释放，将自己的想法在这里展现。

工作区的上部显示打开的文件名，可同时打开多文档，进行操作。

功能区4：站点地图，Axsure RP创建的文件是模拟真实网站页面关系的，站点地图就是通过树形目录关系，管理所有的站点页面文件与流程图文件。

科学的文件关系结构，对有效的演示文档与生成易读的说明文档相当重要。

我的操作习惯是先画流程图，然后根据流程图构建页面文件框架，最后才开始页面的具体设置。

期间可以将文件分为LOFI（低保真）与HIFI（高保真）两个部分进行分别展示，有利于不同的需求者使用。

功能区5：器具箱，囤积了所有用来画线框图与流程图的对象。

我们可以通过拖拽的方式将小图形放入工作区，进行操作。

对于这里面的对象，我们有必要一一详细了解。

功能区6：复用模块区，这里创建的页面文件和网站地图的页面相似，唯一不同的是，模块的每个文件，可以当作一个整体，被网站地图反复调用。

这个功能就相当于程序开发中的程序复用，用好这个功能，可以减少我们很大一部的工作量。

也更容易理解网页文件的关系，了解网页设计师、程序员是怎么构建网站的页面的。

AXURE-⼿把⼿教你做汉化我们默认下载的AXURE是英⽂版的，对于英⽂能⼒不⾜或者不习惯英⽂界⾯的，那必须使⽤汉化⼿段，⽹上也有很多朋友已经为⼤家做好了汉化⽂件，这⾥介绍⼀下如何⾃⼰做AXURE的汉化。

如何开始汉化如何开始汉化，只需要在Axure的安装⽬录下创建lang⽂件夹，并在⾥⾯放⼀个default⽂件即可开始汉化操作了。

语法anxue的汉化主要语法如下："英⽂原⽂"::"中⽂翻译"注意其中的引号和冒号为英⽂符号。

每个汉化项占⽤⼀⾏。

我们来是试⼀试吧。

汉化实例我们将顶部菜单的第⼀个菜单“File”汉化为“⽂件”。

在default⽂件中按语法加⼊⼀⾏，具体如下："File" :: "⽂件"重启axure，惊讶的发现不好使，英⽂还在那⾥。

为什么？这是因为axure的特殊要求。

我们按住键盘的“Alt”键，看看发⽣了什么！所有有快捷键的字母都被以下划线标识出来了。

当然这个对所有软件不光是axue都适⽤（赶快打开⼀个软件试试吧!）。

axure要求有快捷键的字符位置需要⽤“&” 符号来标识，代表⼀个变量符号引⽤。

搞过C++编程的应该知道，其中C++中符号引⽤语法是这样的：类型标识符 &引⽤名=⽬标变量名；我们将汉化内容改为如下，再试试。

"&File" :: "⽂件(&F)"重启之后发现终于变过来了。

还有⼀种就是占位符的使⽤。

做过编程的⼈知道，⼀个字符串中为了后期动态的在指定的位置插⼊⼀个其他字符，则⽤{0}，{1}...来占位。

例如：你好{0}，欢迎你关注18岁fantasy的简书号，这是你第{1}此来学习了。

那么未来就可根据不同的登录⽤户进⾏占位符{0}和{1}的替换，发送不同的消息了。

Axure中也⼀样，对于变量也需要⽤占位符来标识。

举例说明：我们新建⼀个页⾯，如要使⽤Axure来打印这个页⾯，那么这个页⾯的名称就是⼀个变量，汉化时则要⽤以下语法："Print {0}..." :: "打印(&P)"重启之后发现已经达到我们想要的效果了。

一．认识Axure的软件界面Axure的软件界面总的来说，可以分为9大模块1. 菜单栏：和大部分的软件界面一样，都是一些常规的文件、编辑、视图……2. 工具栏：是页面进行编辑的一些快捷操作，主要有字体设置、大小设置、页面显示大小和Axure本身自带的一些快捷操作等3. 站点地图：呈树状结构、可以添加、删除页面、也可以对设计中的页面进行重命名操作4. 部件区域：组件集中地带：矩形组件、图片组件、动态面板组件……使用方式是直接拖动部件到页面编辑区域5. 母版区域：共用，复用6. 页面编辑区域：拖动相关的部件进行线框图编辑和交互具体的实施7. 页面交互区域：8. 部件属性区域：组件的注视、组件的交互、组件的属性编辑9. 动态面板区域：设置动态面板的可视与隐藏二．生成网页原型的三种方法方法一：菜单生成法路径：生成——原型——弹出框如图：方法二：工具栏，快速按钮生成法方法三：快捷键生成法：直接按键盘F5，即可生成网页原型弹出框：无论使用上面哪一种方法生成原型，最终都会弹出以下这个弹出框（如图）我们需要做三步动作：1. 目标文件夹：即我们要生成的网页原型文件要存放的位置，默认存放在我的文档》我的AXURE RP原型文件夹中，如果你不想放在默认的位置，也可以点击进行自定义存放。

2. 选择浏览器或者不打开，一般选择默认浏览器3. 点击“生成”按钮，生成网页原型，生成过后，如果你选择了默认浏览器，软件会直接启动你的浏览器，并打开生成的原型页面，如图：一个简单的登录窗口，就生成了！你也试试吧！三．如何关闭IE浏览器在生成原型时候的安全警告一般情况下，如果你的浏览器是IE的话，在每次生成网页原型的时候都会弹出如下安全警告，如图：暂时性去除方法：单机鼠标右键，选择容许阻止内容彻底的方法：工具——internet选项——弹出窗口——选择高级——把允许活动内容在我的计算机上的文件中运行”，打上对勾点击“应用”即可。

四.在chrome中使用axure生成原型的问题五. 站点地图区域站点地图呈树状的，以主页为根节点，可以方便我们对网站整体模块和不同栏目、功能划分有一个很清晰的了解，同时也方便我们对网站整体页面进行管理（添加、删除、重命名、调整层级、调整顺序）：选择一个节点，点击这个按钮可以实现在这个节点下面添加子页面：首先选中一个页面，然后点击这个按钮，可以实现页面的删除，也可以单击右键选择删除注：如果当前页面下含有子页面，Axure会自动提示当前页面有子页面，点击提示中的“确认”后会同时删除所有子页面：选中一个页面，点击这个按钮可以向上调整页面的排序：选中一个页面，点击这个按钮可以向下调整页面的排序：选中一个页面，点击这个按钮可以调整页面的层级（降级）：选中一个页面，点击这个按钮可以调整页面的层级（升级）：选中一个页面，点击这个按钮可以进入页面编辑状态：搜索页面，在页面过多的时候可以使用，平时用的少页面重命名：将页面结构生成流程图：组件区域也叫做部件区域，英文为widgets，还有人称之为控件区域，组件是axure事先准备好的网站项目常用的零件，比如一些基本的页面元素Axure默认存在2个组件库，分别为线框图和流程图。

axure基本用法摘要：一、Axure 简介1.Axure 是什么2.Axure 的优势二、Axure 基本用法1.创建页面2.添加元件3.设置交互4.组织页面三、Axure 高级功能1.动态面板2.条件逻辑3.数据绑定4.页面跳转四、Axure 实战案例1.表单提交2.轮播图3.弹窗提示4.下拉菜单五、Axure 与团队协作1.项目管理2.版本控制3.团队协作正文：Axure 是一款强大的原型设计工具，广泛应用于网页、App 等产品的设计和开发。

它可以帮助设计师快速制作高保真原型，减少沟通成本，提高工作效率。

一、Axure 简介Axure 是一款原型设计工具，它可以帮助设计师快速制作高保真原型，减少沟通成本，提高工作效率。

Axure 具有丰富的功能，强大的交互设计能力，支持多种文件格式，是产品设计和开发团队的理想选择。

1.Axure 是什么Axure 是一款专业的原型设计工具，可以用于制作网页、App、软件等产品的原型。

它支持多种设备和分辨率，可以快速创建高保真的原型，帮助设计师更好地表达设计思路，提高沟通效率。

2.Axure 的优势Axure 具有以下优势：丰富的组件库，强大的交互设计功能，支持多种文件格式，高度可定制，易于学习和使用。

二、Axure 基本用法Axure 的基本用法包括创建页面、添加元件、设置交互和组织页面。

1.创建页面在Axure 中，可以通过“页面”工具创建新的页面。

可以设置页面的背景颜色、图片等属性。

2.添加元件在Axure 中，可以通过“元件”工具添加各种类型的元件，如文本、图片、按钮等。

可以拖拽元件到页面上，并设置元件的属性。

3.设置交互在Axure 中，可以通过“交互”工具为元件添加交互效果，如点击、滑动、弹出等。

可以设置交互的触发条件、操作和条件。

4.组织页面在Axure 中，可以通过“页面”工具组织和管理页面。

可以添加页面到“页面”面板，设置页面之间的跳转关系。