Axure RP8产品原型设计快速上手指南电子书

内容提要

前言

致谢

第1章 基础界面

1.1 默认界面

Windows和Mac界面区别弱化

页面布局调整为3栏

新的检查器面板

新的图标和按钮样式

重组和分类

工作环境介绍

1.2 页面面板

构建页面地图

主要操作

主要变化

更多操作

文件夹的应用

快速重命名页面

1.3 部件面板

切换部件库

拖动：部件的使用方式

搜索：快速找到部件

4种类别、16种类型、40个部件

载入部件库

1.4 母版面板

母版的主要特点

创建母版的两种方法

母版的三种拖放行为

任何位置

锁定母版位置

从母版中脱离

母版使用报告

将母版应用到页面

常用操作

母版的应用情景

1.5 检查器面板：页面

页面属性

页面交互

页面备注

新增页面备注

新增备注字段

页面样式

页面对齐

背景色

背景图像

草图效果

1.6 检查器面板：部件

部件属性

部件备注

部件样式

1.7 大纲面板

管理组合部件

视图可视性

筛选部件

动态面板层直达

第2章 基础部件

2.1 图像部件

导入图片

粘贴图片

拖入图片

分割图片

裁剪图片

制作圆形头像

2.2 文本部件

文本的类型

在页面中添加文本

修改文本的样式属性

调整文本的坐标位置

文本的宽度与高度

调整文本的行间距

文本的对齐方式

制作项目符号列表

借鉴竞品网站的字体及行间距设置

2.3 形状部件

形状的类型

更改形状类型

设置形状的颜色填充和渐变

设置形状的阴影

自定义形状的边框

设置形状的圆角半径

矩形的布尔运算

解决矩形双边框问题

矩形的旋转

2.4 线条部件

线条的类型

新的连线端点样式

线条的边框

双击给线条添加文字说明

2.5 图像热区

制作局部可点击区域

2.6 内部框架

嵌入页面区域中的页面

引用外部网页

边框与滚动条设置

引用网站视频

预览图像

2.7 输入部件

设置表单默认提示文字样式

设置日历控件效果

设置密码遮罩样式

设置搜索输入框样式

直接调用资源管理器，模拟上传效果

最大字数限制

隐藏文本框边框

2.8 下拉部件

添加下拉选项

常见应用情景

2.9 选择部件

设置单选按钮组效果

设置复选框全选效果

2.10 按钮部件

制作百度搜索按钮

2.11 树部件

添加树节点

编辑树图标

2.12 表格部件

插入表格的行与列

使用矩形制作表格

带斑马纹表格

2.13 菜单部件

新增子菜单

新增同级菜单

编辑菜单边距

2.14 快照部件

快照部件截取页面图像

快照部件截取特定状态

2.15 流程图

绘制一个流程图

添加连接点

生成流程图

第3章 快速上手

3.1 自定义工作区域

通过菜单显示/隐藏工作区域

通过工具栏显示/隐藏工作区域

弹出工作区域

自定义工具栏

3.2 部件样式编辑器

更改样式类型

更新与创建样式

3.3 锁定与解锁

位置的锁定与解锁

尺寸的锁定与解锁

3.4 鼠标的两种选择方式

相交选择模式

包含选择模式

3.5 钢笔工具

绘制自定义形状

转换为自定义形状

3.6 部件的命名

3.7 自动备份功能

开启自动备份

从备份中恢复文件

3.8 第三方部件库

Axure官方部件库

Webppd社区精选组件库

百度搜索部件

3.9 阿里巴巴图标素材库

专为电商体系打造的全套图标

直接搜索获取图标

3.10 Font Awesome图标

调整大小

调整颜色

第4章 快速排版

4.1 网络

显示与隐藏网格

调整网格默认间距为5像素

部件对齐到网格

4.2 参考线

添加页面参考线

删除页面参考线

锁定页面参考线

创建栅格参考线

4.3 智能参考线

设置对齐对象

5种对齐效果

4.4 对齐与分布

6种对齐方式

2种分布类型

利用分布与对齐功能制作淘宝导航

4.5 组合

快速组合/取消组合部件

对组合的部件进行命名

对组合的部件添加交互

在大纲面板查看组合部件

4.6 层次

快速调整部件层次

4.7 格式刷

应用格式刷

4.8 旋转

手动旋转部件

部件旋转角度值

文字的旋转角度值

第5章 初级交互

5.1 理解交互的3W1H原则

交互的三要素

一张表解说交互的3W1H原则

Axure与3W1H原则的对应关系

when：事件

where：部件

how：条件

what：动作

一张图解说Axure如何执行交互

5.2 添加你的第一个交互

案例描述

操作过程

5.3 链接

链接的4种打开方式

关闭窗口

给单个文本添加链接

工具提示

5.4 滚动到锚点

案例描述

操作过程

5.5 显示与隐藏

显示与隐藏

案例描述

操作过程

切换可见性

案例描述

操作过程

5.6 设置面板状态

两个状态切换

案例描述

操作过程

幻灯片切换效果

案例描述

操作过程

5.7 设置文本

赋值

案例描述

操作过程

富文本

案例描述

操作过程

变量值

变量值长度

部件值长度

选中项值

选中状态值

焦点部件上的文字

元件文字

案例描述

操作过程

5.8 设置图像

图像的交互样式

设置图像

5.9 设置选择与选中

筛选条件的切换选中

案例描述

操作过程

5.10 启用与禁用

根据条件判断设置禁用

案例描述

操作过程

5.11 移动

绝对位置移动

相对位置移动

多个部件一起移动

5.12 旋转

案例描述

操作过程

5.13 设计大小

5.14 获得焦点

案例描述

操作过程

5.15 展开折叠交互

第6章 高级交互

6.1 条件判断逻辑

条件生成器

根据文本框状态，显示对应提示文字

6.2 交互设计表格应用

一个交互表格罗列实例

6.3 变量概述

变量的类型

变量的命名规则

创建和设置变量的值

6.4 变量跨页传递部件文字

案例描述

操作过程

6.5 根据变量调整购物车购买数量

案例描述

操作过程

6.6 变量判断微博数字提示

案例描述

操作过程

6.7 获取当前页面名称

案例描述

操作步骤

6.8 中继器

中继器的组成

将部件和数据集进行绑定

6.9 数据集：新增、更新、删除数据

新增数据

更新数据

删除数据

6.10 中继器：排序、搜索、分页数据

排序数据

搜索数据

分页数据

6.11 自适应视图

视图的尺寸

视图的继承

继承方式

继承的内容

继承的顺序

视图中的部件

添加部件

创建自适应视图

6.12 链接到自适应视图

第7章 分享原型

7.1 生成、预览和导出原型

生成原型的两种方法

生成原型的常规配置

生成部分原型页面

生成原型的标志配置

快速预览功能

将原型界面导出为图片

7.2 将原型发布到AxShare

上传原型到AxShare

创建新项目

替换现有项目

AxShare 概述

新建/重命名/删除工作区

讨论

漂亮的URL

重定向

7.3 在手机上浏览原型

7.4 在纸上浏览原型

打印原型

导出原型为PDF

第8章 实战案例

8.1 App横向与纵向滑动效果

横向滑动

纵向滑动

8.2 腾讯QQ左滑删除效果

8.3 腾讯QQ抽屉式菜单效果

8.4 腾讯QQ下拉刷新效果

欢迎来到异步社区！

异步社区的来历

社区里都有什么？

购买图书

下载资源

与作译者互动

灵活优惠的购书

特别优惠

纸电图书组合购买

社区里还可以做什么？

提交勘误

写作

会议活动早知道

加入异步