Axure RP8从入门到精通手册
《Axure RP8 入门手册》笔记:
作者:小楼一夜听春语
第1章 准备工作和注意事项
1.1 下载与安装Axure
Axure官网:http://www.axure.com/download
Axure原创教程网:http://www.iaxure.com/
Axure相关插件下载:http://www.iaxure.com/menupage/download.html
1.2 原型相关文件类型
.rp:源文件
.rpprj:团队原型项目
.rplib:元件库文件
HTML:网页文件内容
1.3 文件自动备份与找回
【文件】-【自动备份设置】/【从备份中恢复文件】
1.4 功能区域的视图设置
【视图】-【功能区】/【重置视图】
第2章 创建项目结构
2.1 下载和安装XMind
XMind官网:https://www.xmind.cn/
2.2 XMind快捷键
在中心主题按<Enter>键,添加子主题
在任意子主题按<Enter>键,在下方添加同级主题
在任意子主题按<Shift>+<Enter>键,在上方添加同级主题
在任意主题按<Insert>键,可以添加子主题
在任意主题按<Delete>键,删除当前主题及其子主题
在任意主题按<Command>/<Ctrl>+<L>键,添加该主题与其他主题的关联
2.3 根据思维导图搭建原型页面结构
在页面管理面板中,单击面板右上方的图标添加文件夹与页面。文件夹用于页面分类。
第3章 元件功能概述
3.1 鼠标的操作
元件拖到画布,小圆点选图形,边缘节点调整宽高,小三角改变圆角半径
小圆点选图形
边缘节点调整宽高
小三角改变圆角半径
3.2 元件的使用
默认元件库、流程图元件库、图标元件库
3.2.1 默认元件库
1、基本元件
搭建页面内容的形状、图片、线段、热区、容器元件。
基本元件
形状:矩形、形状按钮、文本。双击元件可编辑文字。常用于页面中的一些背景形状、文字标题、按钮。
图片:双击元件可导入默认显示的图片,单击元件可直接输入文字。一般用于为页面添加各种图片或图标。
线段:水平线、垂直线。常用于页面中的一些分隔线。
热区:透明元件。最常用的是它的透明特性。
动态面板:容器类元件。
内联框架:容器类元件。可以在页面的某个区域嵌入项目中的其他页面或某个URL指向的网页,以及一些多媒体文件(如 MP3、AVI、SWF等)。
中继器:容器类元件。
2、表单元件
获取用户输入的元件
表单元件
文本框:单行/多行文本,获取用户输入的文字。
列表框:下拉列表框/列表框,获取用户选择的选项。双击元件进行设置。
单选按钮:选中、未选中。互斥。
复选框:选中、未选中。自由选择。
提交按钮:编程中,表示将用户填写完成的表单数据提交到服务器。
3、菜单和表格元件
在搭建对样式无要求或要求较低的线框图时,使用起来比较方便。
菜单和表格元件
树:垂直方向的菜单,节点可以展开与折叠。
表格:可以添加行与列,但不可以合并多个单元格。
水平/垂直菜单:可以添加菜单项和子菜单项。
4、标记元件
进行功能标注或展开界面业务流程。
标记元件
页面快照:指向项目中某个页面,呈现该页面的缩略图。
形状/线段元件:通过基本元件可制作。
Tips:【项目】-【项目设置】-边框重合
元件边框对齐
3.2.2 流程图元件库
构建流程图。各个形状之间的连线要选择【连接】工具,选中/双击某个连接线,可以为线段输入文字。
流程图元件库
连接线
3.2.3 图标元件库
基于FontAwesome图标字体中的各种图标制作发布的形状元件。
图标元件库
3.2.4 自定义元件库
载入元件库
第4章 查看原型
4.1 本机预览
以web服务的方式,在浏览器中查看原型,是本机的IP地址和页面路径的组合。
本机预览
4.2 共享发布
注册Axure Share账号,单击【共享】,设置访问密码,登录http://share.axure.com进行管理。成功发布一个项目后,通过自动生成的URL地址访问查看原型。
共享发布
4.3 在线反馈
在预览原型时,工具栏带有“讨论”功能。
在线反馈
4.4 Axure Share App
App截图
【CLOUD】:查看云端服务器中的项目文件列表
- 显示/隐藏设备状态栏
- 下载项目文件到本地
- 使用浏览器打开项目
- 打开查看项目
【LOCAL】:打开本地存储的项目文件列表
- 显示/隐藏设备状态栏
- 删除本地副本
- 打开查看项目
【Tips】
- 快速点击设备屏幕3次,打开页面列表
- AxureShare的最大宽度为980px
4.5 生成文件
生成文件
index:开启页面列表
start:关闭页面列表
start_c_1:最小化工具栏
start_g_1:不加载工具栏
其他页面:原型中的页面
4.6 浏览器插件、工具栏介绍
不安装插件,使用工具生成.bat文件
http://www.iaxure.com/menupage/download.html
第5章 创建自适应视图
略
第6章 概要与检视功能
6.1 概要功能
· 页面中所有元素都能在这个列表中找到。
· 单击概要面板中的元件,画布中也会同步选中。
· 选中元件列表中的某项,单击后可重命名。
· 可以拖到调整层级关系。
概要功能
6.2 检视功能
6.2.1 页面样式
单击画布空白处,将检视面板切换到页面的设置。
页面样式
6.2.2 页面说明
为当前页面添加注释说明,以便他人了解页面内容。
页面说明
6.2.3 页面属性
给页面添加交互,设置页面自适应视图的启用或关闭。
页面属性
6.2.4 元件命名
· 选中元件,在检视面板中命名。
· 格式:功能名称+元件类型+(序号)
· 举例:BackgroundImage01
元件命名
6.2.5 元件样式
元件样式
6.2.6 元件说明
为元件添加多个说明
元件说明
6.2.7 元件属性
1、文本框
实现不同内容的输入
文本框中的提示
2、形状
形状的交互样式
【选择形状】将当前形状改为其他形状。
【交互样式设置】为元件的不同状态设置不同的视觉样式。
· 鼠标悬停:设置鼠标进入元件范围时,元件呈现的样式。
· 鼠标按下:设置在元件上按下鼠标按键时,元件呈现的样式。
· 选中/禁用:设置选中/禁用状态时,元件呈现的样式。
【引用页面】将形状链接到当前项目的某个页面,形状上显示该页面的名称。
【禁用】/【选中】勾选此复选框,设置元件默认状态为禁用/选中。
【设置选项组名称】为多个元件设置相同的选项组名称后,同组元件仅有一个能够设置为选中状态。
【元件提示】与文本框的元件提示相同,指鼠标指针停放在元件上面时,显示的提示内容。
3、图片
除了导入图片的设置,其他设置都和形状一样。
· 双击实现导入更快。
· 【属性】-【清初】恢复元件原来的样式。
清除导入的图片
4、框架
内联框架属性
【选择框架目标】为框架指定嵌入的页面、URL或文件。
【框架滚动条】设置镶嵌的页面尺寸超过框架尺寸时,滚动条的呈现方式
【隐藏边框】设置框架在页面上是否显示边框
【预览图片】当框架取消边框与滚动条,与页面的白色背景形成一体,可以添加预览图片,让框架在页面上显示出来,但仅在原型中有效。
5、单选按钮
只选中一个
为这些单选按钮添加相同的组名称,即可设置多个单选按钮中某一个被选中。
6、表格
添加删除单元格
7、菜单
菜单项与菜单外框的间距、删除菜单项
8、树
选择不同样式的节点图标等
6.2.8 元件交互
设置每一个交互时,需要遵循的过程:
交互过程
例子:单击按钮等待3秒后打开百度
主体-触发-情形-动作1-设置目标
动作2-目标-设置
6.2.9 组合属性
将多个元件组合在一起
第7章 母版管理
通过母版解决多个页面重复内容的编辑问题,如果母版中的内容发生了改变,页面中的内容也会同步改变。
新建-重命名-编辑-删除
1、新建:单击母版面板-【新建】
2、重命名:右键该母版-【重命名】
3、编辑:双击该母版,则画布编辑母版的编辑区,像页面一样编辑。编辑后拖放在要用的页面即可。
4、删除:先将母版从所有关联的页面中移除。右键该母版-【使用情况】,可以看到用到该母版的页面。
第8章 标注与流程
8.1 页面快照
把每个页面分别放在不同页面中制作,再在一个页面中通过页面快照完成统一展示。
1、在不同的页面中绘制线框图
2、在汇总的页面中放入页面快照元件,再双击该元件,分别指向不同页面
3、将页面快照元件设置与页面内容相同的宽高比,勾选适应比例并将边界值设为0
页面快照
Axure RP8从入门到精通手册相关推荐
- Axure RP从入门到精通(五十三)灵魂提问 - 画原型到底要不要加交互事件?
产品经理在画原型时要不要加交互事件,不同的人有不同的观点,而且在实际工作中也不统一. 一:UI和UE UI设计师:用户界面设计(User Interface Designer),常用来指设计界面美观的 ...
- Axure RP 从入门到精通(四十二)案例 - 淘宝搜索框
拖入矩形1,设置文本为宝贝,设置圆角半径为10,取消左下和右下方的圆角半径,设置字体为红色,取消矩形边框. 设置选中样式字体颜色为白色.填充颜色为橘色. 添加鼠标单击时事件,单击时标记当前元件为选中状 ...
- 《Axure RP8 网站和APP原型制作 从入门到精通》一2.7 交付
本节书摘来自异步社区<Axure RP8 网站和APP原型制作 从入门到精通>一书中的第2章,第2.7节,作者 金乌,更多章节内容可以访问云栖社区"异步社区"公众号查看 ...
- Excel公式与函数案例速查手册/电脑技巧从入门到精通丛书
出版社: 机械工业出版社; 第1版 (2013年12月1日) 丛书名: 电脑技巧从入门到精通丛书 平装: 770页 语种: 简体中文 开本: 32 条形码: 9787111448761 商品尺寸: 1 ...
- Axure的入门到精通(一)——基础使用及常用快捷键
Axure的入门到精通(一)--基础使用及常用快捷键 前言 一.Axure的界面介绍 二.Axure基础使用 1.从最简单的案例入手 2.常用快捷键介绍 3.母版介绍 本篇总结 前言 Axure是我现 ...
- 《Axure RP7网站和APP原型制作从入门到精通(60小时案例版)》一第2章 母版详解2.1 创建母版的两种方法...
本节书摘来自异步社区<Axure RP7网站和APP原型制作从入门到精通(60小时案例版)>一书中的第2章,第2.1节,作者 金乌,更多章节内容可以访问云栖社区"异步社区&quo ...
- 《Axure RP7网站和APP原型制作从入门到精通(60小时案例版)》一1.3 部件概述...
本节书摘来自异步社区<Axure RP7网站和APP原型制作从入门到精通(60小时案例版)>一书中的第1章,第1.3节,作者 金乌,更多章节内容可以访问云栖社区"异步社区&quo ...
- 原型设计大师:Axure RP网站与APP设计从入门到精通(全彩) 中文pdf扫描版
原型设计大师:Axure RP网站与APP设计从入门到精通内容丰富且实用,由浅入深地传授了Axure 原型设计工具在网站和APP设计中的应用与技巧,并在文中贯穿了众多精彩实战案例.书中完整展现了多个鲜 ...
- Git版本控制软件结合GitHub从入门到精通常用命令学习手册
GIT 学习手册简介 本站为 Git 学习参考手册.目的是为学习与记忆 Git 使用中最重要.最普遍的命令提供快速翻阅. 这些命令以你可能需要的操作类型划分,并且将提供日常使用中需要的一些常用的命令以 ...
- AXURE RP8实战手册 网站和APP原型制作案例精粹pdf
下载地址:网盘下载 编辑推荐 小楼老师继上一本畅销书后倾情打造: 从基础到实战,共166个实例完全讲解: 每个案例可实时查看演示效果: 从APP到网站,全面覆盖各个典型案例的原型讲解,助你快速掌握. ...
最新文章
- 启动PyCharm,提示No Python interpreter selected的问题
- 分布式事务 -- seata框架AT模式实现原理
- 如何辨别二逼互联网公司!?
- 联想Y470为什么安装不上CentOS7 x86_64的系统?
- 聚合maven+spring-boot打包可执行jar
- 再次了解深浅拷贝问题
- python中len用法_python中字典len()的用法
- 论文阅读 | FoveaBox: Beyond Anchor-based Object Detector
- 树莓派4B环境搭建及初步设置
- 6174C语言编程,关于6174的C语言程序怎么办? 爱问知识人
- redis安装和特性
- 数据通信之信道与编码
- NLP学院网:李斌NLP关键执行:由谁去给猫挂铃铛?
- 元宇宙:超越现实体验,Meta-Architect能设计什么?
- Tushare安装使用经验分享
- element-ui iconfont乱码问题处理
- GitHub标星8k,安卓最牛教材
- 扎克伯格曾获蒂姆·库克免费赠送iPhone 5
- 7-1 藏尾诗 (20 分)
- 合肥十中高考2021成绩查询,2019合肥十中录取分数线及2019高考成绩喜报
热门文章
- 数据库课程设计:某自来水公司收费管理系统(SQL Server)
- JavaWeb项目—— 博客系统
- 服务器版dll修复工具,DLL修复工具哪个好?五款修复能力强推荐
- 视频教程-轻松搞定Spring全家桶(初识篇)-Java
- EasyCHM制作教程
- 系统迁移到ssd 开启哪些服务器,如何使用分区助手完美迁移系统到SSD固态硬盘...
- 6.1 QDir目录操作
- 北京环球度假区宣布首批21家旅游渠道官方授权合作伙伴
- vue项目中用Iconfont阿里巴巴矢量图标库解析失败的解决办法
- 微信小程序(引入Iconfont 阿里巴巴矢量图标库 )