UI交互设计案例教程 第三章.pptxVIP

03使用Axure RP实现线框原型设计 签到签到方式 教师通过“文旌课堂APP”生成签到二维码，并设置签到时间，学生通过“文旌课堂APP”扫描“签到二维码”进行签到。。扫码下载文旌课堂APP扫码签到 相对于抽象的文字描述来说，线框原型可以更加直观地展示产品的结构与内容，使客户能够更加清楚地了解产品意图，利于项目整体的推进。 使用产品原型设计软件Axure RP可以快速、准确地制作出线框原型。本章将重点介绍Axure RP软件的使用方法和技巧，并结合实际案例讲解Axure RP在实际线框原型设计中的应用，以培养学习者的动手实践能力。单元导读 ★熟悉Axure RP软件的操作界面知识目标★加强实践练习，不断提高自身的专业技能★学习爱岗敬业、一丝不苟、精益求精的工匠精神 思政目标★掌握Axure RP的基本操作★掌握使用Axure RP制作线框原型的方法与技巧★掌握使用Axure RP预览和发布原型的方法 技能目标学习目标 3.1 初识 Axure RP3.1.1 软件的安装与汉化 可以从Axure官网（）下载软件的必威体育精装版版本，软件有PC和Mac两个版本，下载时注意选择与系统相对应的版本。 下载并安装之后会发现，软件为英文界面，如果不习惯使用英文版，可以使用汉化文件将其汉化。将汉化文件下载解压之后，复制并粘贴整个Lang文件夹到软件安装目录下（一般为C:/Program Files (x86)/Axure/Axure RP 10），就可以完成软件汉化了。 ★提示：汉化包下载网址为“/84384”，目前Axure RP 10为新出版本，并没有官方汉化版，因此同学们可以使用文中网址，也可以自行查找，但基本使用方法相同。 需要注意的是，从Axure RP 10开始，使用软件前必须先注册账号，并且使用Axure RP 10创建的文件不能在低版本软件中打开。 3.1 初识 Axure RP3.1.2 熟悉 Axure RP 操作界面 为便于学习和理解后面的知识，本节将带领大家初步认识Axure RP 10的操作界面，并了解其主要功能。Axure RP 10的操作界面如图所示。Axure RP 10 操作界面 3.1 初识 Axure RP3.1.2 熟悉 Axure RP 操作界面 Axure RP操作界面主要由菜单栏、工具栏、画布等区域构成，不同的界面区域有不同的功能，接下来将简单介绍常用界面区域的功能。 （1）菜单栏：位于界面顶部，其中集成了Axure RP的大部分功能，选择菜单项可执行相应功能。 （2）工具栏：包括主工具栏和样式工具栏。主工具栏中包括选择工具、形状工具、文本工具等常用工具。要使用某个工具，单击选择即可。样式工具栏中包括字体、字号、填充、阴影等，使用它们可以为画布区域的对象设置样式属性。知识链接：工具栏中所包含的内容可以自行设置。选择“视图/工具栏/自定义主工具栏”菜单项，会弹出对话框。单击选择对话框中的工具，该工具便会显示于工具栏区域，勾选对话框右下角的“在图标下显示功能名称”复选框，工具栏区域便会显示工具名称，如果追求极简界面，取消勾选就可以隐藏工具名称。 3.1 初识 Axure RP3.1.2 熟悉 Axure RP 操作界面 （3）画布：用来绘制原型的区域，支持负坐标的显示，画布区域的灰色部分就是负坐标区域。画布的基本操作包括返回原点、移动画布和缩放画布。 ① 返回原点：按快捷键“Ctrl+9”，可以快速返回画布原点。 ② 移动画布：拖动滚动条可移动画布；按住快捷键“空格”的同时按下鼠标左键拖动画布也可以移动画布；使用键盘上的快捷键“ ↑”“ ↓”“ ←”“ →”同样可以移动画布。 ③ 缩放画布：按住快捷键“Ctrl”的同时滚动鼠标滚轮或按快捷键“+”“–”可以缩放画布；另外，使用缩放工具也可以实现画布缩放，如图所示。 3.1 初识 Axure RP3.1.2 熟悉 Axure RP 操作界面 （4）页面功能面板：页面是构成项目文件的基本单元，使用页面功能面板可以对页面和页面文件夹进行添加、删除、排序等操作。 （5）大纲功能面板：使用大纲功能面板可以查看当前页面中的所有元件、母版和动态面板，并且可以对这些元件进行选择、编辑、排序、重命名和组合，大纲功能面板如图所示。 （6）元件库功能面板：元件库中的元件是组成页面内容的基本元素，可以将其中的元件直接拖到画布上应用。通过元件库功能面板可以载入额外的库，也可以创建自定义元件库，还可以从本地驱动器加载图像文件夹。大纲功能面板 3.1 初识 Axure RP3.