(全程图解)Axure RP8 安装及使用教程

一、Axure下载

中文版下载链接:https://pan.baidu.com/s/1dVom8lifgZ-kxtKWbFq-pQ
提取码:p5pc

二、Axure安装及汉化

 	鼠标右击软件压缩包,选择解压到“AxureRP-Pro8.0-Chinese”

(全程图解)Axure RP8 安装及使用教程_第1张图片

打开 “AxureRP-Setup” 安装包

(全程图解)Axure RP8 安装及使用教程_第2张图片

点击“Next”

(全程图解)Axure RP8 安装及使用教程_第3张图片

将 “I Agree” 复选框勾选 ,然后点击“Next”

(全程图解)Axure RP8 安装及使用教程_第4张图片

选择安装目录,点击“Next”

(全程图解)Axure RP8 安装及使用教程_第5张图片

直接“Next”

(全程图解)Axure RP8 安装及使用教程_第6张图片

点击“Next”

(全程图解)Axure RP8 安装及使用教程_第7张图片

安装软件中

(全程图解)Axure RP8 安装及使用教程_第8张图片

“√” 去掉,点击“Finish”

(全程图解)Axure RP8 安装及使用教程_第9张图片

将解压目录中的“lang” 拷贝到软件安装目录下

(全程图解)Axure RP8 安装及使用教程_第10张图片

双击“Axure_RP_8.1.0.3366_CHS” 进行汉化

(全程图解)Axure RP8 安装及使用教程_第11张图片

三、使用教程

如何生成链接

首先选择一个元件拖到面板中
(全程图解)Axure RP8 安装及使用教程_第12张图片
接下来 右侧属性栏中 单击创建连接
(全程图解)Axure RP8 安装及使用教程_第13张图片
选择想要跳转的页面 我在这选择“page1”页面
(全程图解)Axure RP8 安装及使用教程_第14张图片
选择页面后Axure会自动转换为单击事件,在“鼠标单击时”下面可以找到
(全程图解)Axure RP8 安装及使用教程_第15张图片
这样我们在“预览”后单击“BUTTON”按钮,就会跳转到“page1”这个页面。

鼠标悬浮出现其子菜单

元件库中有两个元件,一个是“水平菜单”,一个是“垂直菜单”。
(全程图解)Axure RP8 安装及使用教程_第16张图片

将元件拖到面板中,选择一个菜单框,鼠标右击“文件”,单击“添加子菜单”

(全程图解)Axure RP8 安装及使用教程_第17张图片
在子菜单添加想要显示的内容,从而得到在页面中显示下了列表的效果
(全程图解)Axure RP8 安装及使用教程_第18张图片

实现弹窗效果

首先依次在原件中拖一个按钮、一个矩形到面板当中,矩形中填写想要弹出的内容

(全程图解)Axure RP8 安装及使用教程_第19张图片
鼠标右击矩形,点击设为隐藏(全程图解)Axure RP8 安装及使用教程_第20张图片
单击按钮,在右侧“检视”视图中单击添加用例
(全程图解)Axure RP8 安装及使用教程_第21张图片
依次点击 显示隐藏 --> 在配置动作中 选择刚才隐藏的元件 --> 灯箱效果 --> 确定
(全程图解)Axure RP8 安装及使用教程_第22张图片
这样就可以完成弹窗效果

注意:这个灯箱效果还自带一个功能,点击空白处,就会自动隐藏。如果我们不选择这个灯箱效果,是无法自动缩回的。

预览和导出成HTML

原型图的效果,可以点击菜单栏的预览按钮查看,也可以通过快捷键F5:
在这里插入图片描述
导出HTML,可以点击 发布–>生成HTML文件,可以通过快捷键F8。
(全程图解)Axure RP8 安装及使用教程_第23张图片

你可能感兴趣的:((全程图解)Axure RP8 安装及使用教程)