大家好,我是大明同学。
Axure是产品经理用来绘制原型的工具,在快速迭代快速发展的当下,原型能验证设计的概念,将现有的需求转化为具体可视方案,让团队成员可以更好的理解需求方案。
这期内容先来熟悉一下Axure的操作界面。
使用Axure
页面
Axure RP文件在页面窗格中,在“页面”窗格中进行管理。
单击“页面”窗格右上方的“添加页面”按钮,添加页面。
在“页面”窗格中双击页面名称,打开画布。
画布
画布是设计原型的地方,可以根据自己的想法设计原型图,也可以根据设备设置页面尺寸。
元件库
Axure RP预先安装了基本元件、表单元件、菜单表格、标记元件等,除此之外,还可以创建自己的元件库或添加其他人创建的元件库。
从“元件库”窗格中拖动,也可以使用“插入菜单”中的选项来添加文本,图像和形状,将元件添加到画布。
双击,或者选中元件按Enter,编辑元件文本。
在“样式”窗格中可以改变元件的外观,例如,填充颜色,字体等,当然通过画布顶部样式工具栏也可以实现。
交互
在“交互”窗格中给拖到画布中的元件添加交互。
链接到另一个页面
1.在“页面”窗格中,添加一个新页面,现在应该有两个页面,第1页和第2页。
2.在第1页上,将按钮元件从“元件库”窗格拖到画布上,选中按钮,在“交互”窗格中单击“单击”或“点击”→“打开链接”,在列表中选择第2页,然后单击确定。
3.在浏览器中打开原型,单击按钮会转到第2页
显示和隐藏元件
在页面上动态显示和隐藏元件。
交互样式效果
使用样式效果更改将鼠标悬停,单击并进行其他操作时的元件的视觉外观。
分享原型
单击界面右上方的“共享”、“发布”按钮,并指定名称和密码,将原型分享给开发或其他同学。
Axure RP界面环境
在 Axure RP 界面环境的中心是画布,可以通过排列元件来创建图表,画布周围是工具栏和工具面板,允许自定义图表样式和交互并与其他人分享。
*提示:可以在视图菜单中切换界面的窗格和工具栏。
界面环境地图
1.主工具栏和样式工具栏: 执行常用操作,如管理元件、设置元件样式和发布,可以在选择模式、连接器模式和绘图工具之间更改光标工具。
2.画布:在这个环境中拖放布局元件,更改元件颜色和尺寸、添加网格和参考线,以及切换标尺的可见性。
3.页面: 添加、删除、重命名和管理文件中的页面。
4.概要: 查看当前图表上所有可搜索、可排序和可筛选的元件、母版及动态面板列表。
5.元件库: 例如按钮、图像、文本和形状等元件的库,从“元件库”窗格中拖动元件,然后放到画布上,通过“元件库”窗格,可以在元件库之间切换及加载其他元件库,甚至可以创建自己的自定义元件库,还可以从本地添加图像文件夹。
6.母版: 可以在整个文件中重复使用的元件集合,可以进行添加、删除、重命名和管理母版等操作。
7.样式: 编辑元件和页面样式。
8.交互: 在页面或选定元件上添加和编辑交互及其他交互属性。
9.注释: 添加、编辑元件和页面注释。
自定义环境
界面窗格可以被拖放到任何地方,甚至可以变成自由浮动的窗口,或者放在绿松石热区,固定在Axure界面中的新位置。
自定义主工具栏
通过点击:视图→工具栏→自定义主工具栏更改显示在主工具栏中的图标,或右键单击工具栏中的空白区域,在上下文菜单中选择自定义工具栏。
在出现的模式中,选中要包含在主工具栏中的项目,对于极简界面,可以取消选中右下角的显示文本复选框图标隐藏工具栏中的图标标签。
单击右上角的恢复默认值,可以将工具栏恢复成默认设置。
黑暗模式
在应用程序首选项中将Axure RP切换为深色用户界面模式,该选项位于顶部菜单中的以下位置之一,具体取决于操作系统:
·Mac:Axure RP9-首选质
·Windows:文件选顶
在画布选项卡的外观下拉菜单中选择暗模式, Mac用户还可以选择“使用系统设置”,让Axure RP与操作系统界面设置匹配。
查看和分享原型
Axure RP会将文档转换为HTML,CSS,JavaScript和图像文件,统称为“HTML输出”,在浏览器中查看Axure RP原型并与之交互。
预览
在设计原型的时候,需要定期在浏览器中测试进度,单击界面右上角的预览按钮以查看当前在画布上打开的页面。
预览时,浏览器中的原型链接到RP文件,文件更改时,在浏览器中刷新原型查看更改内容。
*预览仅在当前计算机上可见,无法从任何其他设备访问,如果需要在其他设备上查看原型或与其他设备共享原型,需发布到Axure Cloud或保存并共享原型HTML输出的本地副本。
控制台
预览原型时,可以使用原型播放器的“控制台”面板来测试交互并进行故障排除。
预览选项
默认情况下,预览原型在操作系统的默认浏览器中打开,并且原型播放器处于默认状态,在发布→预览选项中可以更改设置。
发布到 Axure Cloud
如果与其他同学共享原型,可以通过单击 Axure RP 界面右上角的分享按钮或通过 app,Axure,Cloud 的 axure cloud web 发布。
发布成功会获得一个已发布原型的链接,可以与其他人共享并在任何具有 web 浏览器的设备上使用该链接。
快捷键
Axure官方全部快捷键,以及快捷键对应功能的中英文名称,实际原型设计中,由于快捷键操作便捷性的差异,和每个人使用习惯的不同,应用到的快捷键并不会太多,而且不同人也各不相同,以下快捷键选择性使用。
自动保存的备份文件
Axure RP自动保存打开的RP文件的备份副本,恢复文件的早期版本或恢复未保存的更改,可以访问备份文件。
默认情况下,Axure RP每15分钟保存一次备份副本,并将备份文件保存在电脑上30天。
恢复自动保存的备份文件
1.转到文件→从备份恢复文件,在打开的对话框中,可以找最近保存的备份文件列表。
2.在对话框左上角,输入1到30之间的值,查看备份天数,默认显示5天。
3.双击列表中的备份文件恢复文件,打开文件之前,系统将提示保存文件。
*提示:建议使用新文件名保存恢复文件,避免要盖最近保存的文件。
导入变更
一旦恢复并保存了备份文件,可以直接从恢复RP文件继续工作,或者,按照以下步骤更改从备份文件导入原始文件:
1.打开原始的RP文件。
2.使用文件→从RP文件导入菜单选项,打开导入对话框。
3,在出现的文件浏览器中选择恢复的备份RP文件。
4.使用导入向导中的选项从备份文件中导入所需的更改。
备份首选项
更改备份频率
默认情况,Axure RP每15分钟保存一次所有打开的RP文件副本。
在文件→备份设置,对话框中输入新的备份间隔值,可以设置为低至5分钟,高至60分钟。
禁用备份
在文件→备份设置,取消选中启用备份复选框,可以禁用备份功能。
*提示:建议不要禁用备份,电脑崩溃或断电,可能会导致文件丢失。
管理元件
在画布上定位元件
从元件库窗格中拖拽元件可以将元件添加到画布,或者使用界面左上角的插入菜单中的选项绘制多种元件形状。
使用鼠标可以将元件或元件组拖放到适当位置,使用上下左右键将元件在画布上微移,也可以使用顶部工具栏或样式窗格中的 X和 Y字段选择画布坐标。