设计必修课:Axure RP 9互联网产品原型设计(微课视频版)电子书

内容简介

前言

第1章 熟悉Axure RP 9

1.1 关于Axure RP 9

1.2 Axure 的主要功能

1.3 Axure RP 9的安装与启动

1.3.1 下载Axure RP 9

1.3.2 应用案例——安装Axure RP 9

1.3.3 启动Axure RP 9

1.4 Axure RP 9的操作界面

1.4.1 菜单栏

1.4.2 工具栏

1.4.3 功能区

1.4.4 工作区

1.5 Axure RP 9的帮助资源

1.6 查看视图

1.7 标尺

1.8 辅助线

1.8.1 辅助线的分类

1.8.2 编辑辅助线

1.8.3 创建辅助线

1.8.4 应用案例——创建辅助线

1.8.5 设置辅助线

1.9 网格

1.9.1 显示网格

1.9.2 网格设置

1.10 设置遮罩

1.11 对齐/分布对象

1.11.1 对齐对象

1.11.2 分布对象

1.12 答疑解惑

1.12.1 产品原型设计

1.12.2 Axure在产品原型制作中的主要应用

1.13 总结扩展

1.13.1 本章小结

1.13.2 扩展练习——卸载Axure RP 9

第2章 Axure RP 9的基本操作

2.1 新建文件

2.1.1 新建Axure文件

2.1.2 应用案例——新建iPhone 11 Pro尺寸的原型文件

2.1.3 纸张尺寸与设置

2.1.4 新建团队项目文件

2.2 存储文件

2.2.1 保存文件

2.2.2 另存文件

2.2.3 存储格式

2.3 自动备份

2.3.1 启动自动备份

2.3.2 从备份中恢复

2.4 打开文件

2.4.1 打开文件的方法

2.4.2 打开团队项目

2.5 从RP文件导入

2.5.1 使用“从RP文件导入”命令

2.5.2 应用案例——导入RP文件素材

2.6 对象的操作

2.6.1 选择对象

2.6.2 移动和缩放对象

2.6.3 旋转对象

2.6.4 复制对象

2.6.5 剪切和删除对象

2.7 还原与恢复

2.7.1 撤销

2.7.2 重做

2.8 答疑解惑

2.8.1 欢迎界面中的链接入口

2.8.2 导览文件和最近编辑文件

2.9 总结扩展

2.9.1 本章小结

2.9.2 扩展练习——通过复制的方法制作水平导航

第3章 页面管理

3.1 了解站点

3.2 管理页面

3.2.1 添加页面

3.2.2 重命名页面

3.2.3 移动页面

3.2.4 查找页面

3.3 编辑页面

3.3.1 使用页面编辑区

3.3.2 页面样式

3.3.3 页面说明

3.4 自适应视图

3.4.1 设置自适应视图

3.4.2 应用案例——添加自适应视图

3.5 图表类型

3.6 生成流程图

3.6.1 生成流程图的方法

3.6.2 应用案例——生成流程图

3.7 绘画工具

3.7.1 绘制图形

3.7.2 转换锚点类型

3.7.3 编辑绘画工具

3.7.4 应用案例——使用绘画工具绘制图形

3.8 组合对象

3.8.1 组合对象的方法

3.8.2 取消组合

3.9 锁定对象

3.10 隐藏对象

3.11 答疑解惑

3.11.1 保留页面文件的旧版本

3.11.2 如何处理原型中的文字在不同浏览器上效果不一样的情况？

3.12 总结扩展

3.12.1 本章小结

3.12.2 扩展练习——使用元件制作一个标签面板

第4章 使用元件

4.1 “元件”面板

4.2 基本元件

4.2.1 矩形

4.2.2 图片

4.2.3 占位符

4.2.4 按钮

4.2.5 标题

4.2.6 文本标签和文本段落

4.2.7 应用案例——制作商品购买页

4.2.8 水平线和垂直线

4.2.9 热区

4.2.10 动态面板

4.2.11 应用案例——使用动态面板显示隐藏对象

4.2.12 内联框架

4.2.13 中继器

4.2.14 应用案例——使用中继器制作活动列表页

4.3 表单元件

4.3.1 文本框

4.3.2 文本域

4.3.3 下拉列表

4.3.4 列表框

4.3.5 复选框

4.3.6 单选按钮

4.3.7 应用案例——制作淘宝会员登录页

4.4 菜单|表格元件

4.4.1 树

4.4.2 应用案例——美化树状菜单的图标

4.4.3 表格

4.4.4 水平菜单

4.4.5 垂直菜单

4.5 标记元件

4.5.1 快照

4.5.2 水平箭头和垂直箭头

4.5.3 便签

4.5.4 圆形标记和水滴标记

4.6 流程图

4.6.1 矩形和矩形组

4.6.2 应用案例——设计制作手机产业流程图

4.6.3 圆角矩形和圆角矩形组

4.6.4 斜角矩形和菱形

4.6.5 文件和文件组

4.6.6 括弧

4.6.7 半圆形

4.6.8 三角形

4.6.9 梯形

4.6.10 椭圆形

4.6.11 六边形

4.6.12 平行四边形

4.6.13 角色

4.6.14 数据库

4.6.15 快照

4.6.16 图片

4.6.17 新增流程图元件

4.7 图标元件

4.8 Sample UI Patterns

4.8.1 按功能分组

4.8.2 应用案例——制作手风琴效果的展示图片

4.9 答疑解惑

4.9.1 如何制作树状菜单元件的图标？

4.9.2 尽量用一个元件完成功能

4.10 总结扩展

4.10.1 本章小结

4.10.2 扩展练习——设计制作注册页原型

第5章 元件的属性与样式

5.1 元件的转换

5.1.1 转换为形状

5.1.2 转换为图片

5.2 元件的属性

5.2.1 元件说明

5.2.2 编辑元件

5.2.3 元件的运算

5.2.4 应用案例——制作八卦图形

5.2.5 元件提示

5.3 元件的样式

5.3.1 位置和尺寸

5.3.2 不透明性

5.3.3 排版

5.3.4 填充

5.3.5 线段

5.3.6 阴影

5.3.7 圆角

5.3.8 边距

5.3.9 应用案例——为商品列表添加样式

5.3.10 数据集

5.4 创建和管理样式

5.4.1 创建元件样式

5.4.2 应用案例——创建元件样式

5.4.3 应用案例——应用元件样式

5.4.4 样式的编辑与修改

5.5 格式刷

5.5.1 使用“格式刷”命令

5.5.2 应用案例——使用格式刷为表格添加样式

5.6 元件的管理

5.7 答疑解惑

5.7.1 制作页面前的准备工作

5.7.2 使用字体图标而不是图片

5.8 总结扩展

5.8.1 本章小结

5.8.2 扩展练习——制作热门车型列表页

第6章 母版与第三方元件库

6.1 母版的概念

6.1.1 母版的应用

6.1.2 使用母版的好处

6.2 “母版”面板

6.2.1 添加母版

6.2.2 添加文件夹

6.2.3 查找母版

6.3 创建与编辑母版

6.3.1 创建母版

6.3.2 应用案例——新建iOS系统母版

6.3.3 创建子母版

6.3.4 应用案例——新建iOS系统布局母版

6.3.5 删除母版

6.4 转换为母版

6.5 母版的使用情况

6.5.1 拖放行为

6.5.2 添加到页面中

6.5.3 从页面中移除

6.5.4 使用情况报告

6.6 使用第三方元件库

6.6.1 下载元件库

6.6.2 载入元件库

6.6.3 移除元件库

6.7 创建元件库

6.7.1 了解元件库界面

6.7.2 应用案例——创建图标元件库

6.7.3 元件库的图标样式

6.7.4 编辑元件库

6.7.5 添加图片文件夹

6.8 答疑解惑

6.8.1 不要复制对象，而是转换为母版

6.8.2 如何将较大的组合转换为母版

6.9 总结扩展

6.9.1 本章小结

6.9.2 扩展练习——创建微信元件库

第7章 简单交互设计

7.1 了解“交互”面板

7.2 页面交互基础

7.2.1 页面交互事件

7.2.2 打开链接

7.2.3 应用案例——打开页面链接

7.2.4 关闭窗口

7.2.5 在框架中打开链接

7.2.6 滚动到元件

7.3 元件交互基础

7.3.1 元件交互事件

7.3.2 显示/隐藏

7.3.3 应用案例——设计制作显示/隐藏图片

7.3.4 应用案例——为“动态面板”元件添加样式

7.3.5 应用案例——制作轮播图

7.3.6 设置文本

7.3.7 设置面板状态

7.3.8 应用案例——为元件添加文本

7.3.9 应用案例——制作按钮交互状态

7.3.10 设置选中

7.3.11 启用/禁用

7.3.12 移动

7.3.13 应用案例——设计制作切换案例

7.3.14 旋转

7.3.15 应用案例——制作抽奖幸运转盘

7.3.16 设置尺寸

7.3.17 置于顶层/底层

7.3.18 设置不透明

7.3.19 获取焦点

7.3.20 展开/收起树节点

7.4 设置交互样式

7.4.1 为元件设置交互样式

7.4.2 应用案例——为元件设置交互样式

7.4.3 应用案例——制作动态按钮

7.5 答疑解惑

7.5.1 如何通过“动态面板”实现焦点图片效果？

7.5.2 使用“设置尺寸”动作完成进度条的制作

7.6 总结扩展

7.6.1 本章小结

7.6.2 扩展练习——设计制作按钮交互样式

第8章 高级交互设计

8.1 变量

8.1.1 全局变量

8.1.2 应用案例——使用全局变量

8.1.3 局部变量

8.1.4 添加条件

8.1.5 应用案例——设计制作用户登录界面

8.1.6 使用表达式

8.1.7 应用案例——使用变量完成加法运算

8.1.8 应用案例——制作滑动解锁页面

8.1.9 应用案例——为滑动解锁设置情形

8.1.10 应用案例——查看滑动解锁的效果

8.2 中继器的组成

8.2.1 数据集

8.2.2 项目交互

8.2.3 中继器元件动作

8.3 中继器动作

8.3.1 设置分页与数量

8.3.2 应用案例——使用中继器添加分页

8.3.3 添加和移除排序

8.3.4 应用案例——使用中继器设置排序

8.3.5 添加和移除筛选

8.3.6 添加和移除项目

8.3.7 应用案例——使用中继器实现自增

8.3.8 项目列表操作

8.3.9 应用案例——使用中继器显示页码1

8.3.10 应用案例——使用中继器显示页码2

8.4 其他动作

8.5 函数

8.5.1 了解函数

8.5.2 应用案例——使用时间函数

8.5.3 中继器/数据集

8.5.4 元件函数

8.5.5 应用案例——设计制作宝贝详情页1

8.5.6 应用案例——设计制作宝贝详情页2

8.5.7 页面函数

8.5.8 窗口函数

8.5.9 鼠标指针函数

8.5.10 应用案例——制作产品局部放大草图

8.5.11 应用案例——为产品局部放大原型添加交互1

8.5.12 应用案例——为产品局部放大原型添加交互2

8.5.13 数字函数

8.5.14 字符串函数

8.5.15 数学函数

8.5.16 应用案例——设计制作计算器效果

8.5.17 日期函数

8.5.18 应用案例——使用日期函数1

8.5.19 应用案例——使用日期函数2

8.6 答疑解惑

8.6.1 尽量使用简洁的交互效果

8.6.2 什么情况下会使用全局变量？

8.7 总结扩展

8.7.1 本章小结

8.7.2 扩展练习——设计制作商品购买页面

第9章 团队合作

9.1 使用团队项目

9.2 创建团队项目

9.3 打开团队项目

9.4 加入团队项目

9.5 编辑团队项目

9.6 团队菜单

9.7 Axure 云

9.7.1 创建Axure云账号

9.7.2 发布到Axure云

9.8 答疑解惑

9.8.1 团队协作和使用版本管理工具的作用

9.8.2 Axure RP 9共享项目的几种页面状态

9.9 总结扩展

9.9.1 本章小结

9.9.2 扩展练习——完成团队项目的签入与签出

第10章 发布与输出

10.1 预览原型

10.2 预览选项

10.3 生成器

10.3.1 HTML生成器

10.3.2 Word生成器

10.3.3 更多生成器

10.4 答疑解惑

10.4.1 制作的App原型如何在手机上演示？

10.4.2 如何将原型导出为图片？

10.5 总结扩展

10.5.1 本章小结

10.5.2 扩展练习——发布生成一个HTML文件

第11章 设计与制作PC端网页原型

11.1 设计制作QQ邮箱加载页面

11.1.1 案例描述

11.1.2 案例分析

11.1.3 制作步骤

11.2 设计制作新浪微博评论页面

11.2.1 案例描述

11.2.2 案例分析

11.2.3 制作步骤

11.3 设计制作宝贝分类页面

11.3.1 案例描述

11.3.2 案例分析

11.3.3 制作步骤

11.4 设计制作课程购买页面

11.4.1 案例描述

11.4.2 案例分析

11.4.3 制作步骤

11.5 设计制作手机号码输入页面

11.5.1 案例描述

11.5.2 案例分析

11.5.3 制作步骤

11.6 设计制作课程选择页面

11.6.1 案例描述

11.6.2 案例分析

11.6.3 制作步骤

11.7 设计制作浏览信息页面

11.7.1 案例描述

11.7.2 案例分析

11.7.3 制作步骤

11.8 设计制作重置密码页面

11.8.1 案例描述

11.8.2 案例分析

11.8.3 制作步骤

第12章 设计与制作移动端网页原型

12.1 设计制作App启动页面原型

12.1.1 案例描述

12.1.2 案例分析

12.1.3 制作步骤

12.2 设计制作App会员系统页面原型

12.2.1 案例描述

12.2.2 案例分析

12.2.3 制作步骤

12.3 设计制作App首页原型

12.3.1 案例描述

12.3.2 案例分析

12.3.3 制作步骤

12.4 设计制作App设计师页面原型

12.4.1 案例描述

12.4.2 案例分析

12.4.3 制作步骤

12.5 设计制作App页面导航交互

12.5.1 案例描述

12.5.2 案例分析

12.5.3 制作步骤

12.6 设计制作App注册/登录页面交互

12.6.1 案例描述

12.6.2 案例分析

12.6.3 制作步骤

12.7 设计制作App主页面交互

12.7.1 案例描述

12.7.2 案例分析

12.7.3 制作步骤

附录A： Axure RP 9常用快捷键

附录B： Axure RP 9与Photoshop

附录C： Axure RP 9与HyperSnap