书刊介绍
《Axure RP原型设计基础与案例实战》内容简介
本书配合大量案例,全面介绍了Axure RP 8.0的使用方法及原型设计的各种经验和技巧。本书采用“基础知识点+实战操作”的形式编写,并免费提供大量的超值学习资源——同步配套教学视频、书中的案例源文件、作者积累的各种原型模板和原型库。本书共12章,通过介绍样式设置、交互动画、数据操作、母版、元件库、团队协作等内容,让读者全面而深入地了解Axure RP的运行原理和各项功能;通过介绍原型设计准则、复杂原型的规划、带地图的原型、响应式原型设计、手机上可访问的原型等内容,让读者掌握原型设计的整体思路和高级技巧。书中的所有案均来源于真实的使用场景,读者不仅可以掌握原型制作的技巧,还可以获得真实的产品设计经验。
冀托,毕业于北京大学软件与微电子学院,获硕士学位。有6年的产品经理经验。擅长产品设计和原型设计。曾经参与过千万级用户的产品设计,积累了大量的原型设计经验。通过公众号分享了大量的Axure RP教程、教学视频、案例和模板文件,深受用户欢迎。作品目录
配套学习资源
前言
第1章:Axure
RP基础
1.1、Axure
RP是干什么用的
1.1.1、Axure
RP是原型设计软件
1.1.2、Axure
RP原型案例
1.1.3、使用Axure
RP原型
1.2、基础概念
1.2.1、软件界面概述
1.2.2、画布
1.2.3、坐标
1.2.4、元件库
1.2.5、站点地图
1.2.6、母版
1.2.7、属性
1.2.8、元件地图
1.2.9、发布原型
1.3、案例1:我的第1个Axure
RP原型——注册页面
1.3.1、创建原型文件
1.3.2、添加元件
1.3.3、设置页面样式
1.3.4、预览原型效果
第2章:样式设置
2.1、颜色
2.1.1、认识颜色窗口
2.1.2、设置透明效果
2.1.3、设置渐变效果
2.2、阴影
2.3、文字格式
2.3.1、文字样式
2.3.2、调整文本的间距和填充
2.3.3、调整文本的宽度、高度
2.4、格式刷
2.5、“钢笔”和自定义图形
2.5.1、钢笔
2.5.2、自定义形状
2.6、处理图片的尺寸
2.6.1、分割图片
2.6.2、裁剪图片
2.7、设置按钮的交互样式
2.8、文本框样式
2.8.1、文本框类型
2.8.2、文本框提示
2.8.3、文本限制
2.8.4、“提交”按钮
2.9、改变形状
2.9.1、旋转
2.9.2、翻转
2.9.3、合并
2.10、布局
2.10.1、顺序
2.10.2、组合
2.10.3、对齐
2.10.4、分布
2.11、页面样式
2.11.1、页面排列
2.11.2、背景
2.11.3、草图
2.11.4、样式模板
2.12、案例2:给不同模块制作不同背景
2.13、案例3:绘制一个网站原型
2.13.1、绘制导航栏
2.13.2、绘制折线图
2.13.3、绘制统计数据模块
2.13.4、处理图标、图片
2.13.5、总体布局
2.13.6、设置页面样式
2.14、案例4:绘制一个APP原型
2.14.1、绘制手机框
2.14.2、添加遮罩
2.14.3、添加阴影
2.14.4、设置页面布局
第3章:原型设计准则
3.1、原型做成高保真还是低保真
3.1.1、什么是高保真和低保真
3.1.2、如何选择高保真与低保真
3.2、原型中要使用真实的数据
3.3、产品流程应该尽量完整
3.3.1、考虑用户出错的情况
3.3.2、考虑系统出错的情况
3.3.3、考虑没有数据的情况
3.3.4、考虑每一步的状态
3.3.5、添加适当的提示
3.4、原型需要快速迭代
3.4.1、沟通原型的技巧
3.4.2、修改原型的技巧
3.5、页面应该尽量简化
3.5.1、精简用户输入内容
3.5.2、精简页面上的元素
3.5.3、合并重复的功能
3.5.4、避免过多的分支流程
3.5.5、减少确认环节
3.6、页面布局要随时优化
3.6.1、用图形替代文字
3.6.2、突出重点信息
3.6.3、把握页面节奏
3.7、要保持原型的一致性
3.7.1、遵从惯例,保持外部一致
3.7.2、统一样式,保持内部一致
第4章:交互动画
4.1、基础概念
4.1.1、了解4个概念
4.1.2、举例说明4个概念
4.1.3、触发事件
4.1.4、用例
4.1.5、交互动作
4.1.6、条件
4.2、动态面板
4.2.1、创建动态面板
4.2.2、动态面板的状态
4.2.3、调整动态面板的尺寸
4.2.4、拖曳
4.3、常用交互案例
4.3.1、案例5:轮播图
4.3.2、案例6:切换标签页
4.3.3、案例7:侧边栏
4.3.4、案例8:通知
4.3.5、案例9:自动弹出键盘
4.4、复杂交互案例
4.4.1、案例10:优化的注册流程
4.4.2、案例11:锤子开机解锁
4.4.3、案例12:企业网站
第5章:数据操作
5.1、变量
5.1.1、使用变量
5.1.2、全局变量
5.1.3、元件变量
5.1.4、局部变量
5.1.5、页面、窗口和鼠标指针变量
5.2、函数
5.2.1、数字函数
5.2.2、字符串函数
5.2.3、数学函数
5.2.4、日期函数
5.2.5、布尔函数
5.3、中继器Repeater
5.3.1、复制
5.3.2、数据集
5.3.3、样式
5.3.4、触发事件
5.3.5、中继器变量
5.3.6、交互动作
5.4、数据操作案例
5.4.1、案例13:模拟制作“奇妙清单”APP
5.4.2、案例14:Layout图片编辑
5.4.3、案例15:雅虎天气
第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、对整个原型的“说明”
6.3.3、结构图、流程图
6.4、结构规划
6.4.1、原型结构——选择“页面”或“动态面板”
6.4.2、减少重复的动作和数据
6.4.3、分割用例
6.5、案例16:Flappy
Bird游戏案例
6.5.1、原型规划
6.5.2、开场
6.5.3、背景移动
6.5.4、飞行控制
6.5.5、碰撞检测
6.5.6、结束
6.5.7、得分
第7章:带地图的原型
7.1、地图开放平台
7.1.1、接口
7.1.2、示例
7.1.3、设置控件
7.1.4、地图风格
7.1.5、覆盖物
7.1.6、信息窗口
7.2、案例17:制作LBS应用“踩红包”的原型
7.2.1、初始化地图页面
7.2.2、在地图上添加红包
7.2.3、在地图上添加信息窗口
7.2.4、整合发布
第8章:响应式原型设计
8.1、响应式设计
8.1.1、响应式设计介绍
8.1.2、为什么做响应式设计
8.1.3、响应式设计思维
8.2、自适应视图
8.2.1、添加子视图
8.2.2、继承
8.3、案例18:响应式网站
8.3.1、自适应视图改变布局
8.3.2、窗口改变时调整元件宽度
第9章:手机上可访问的原型
9.1、让原型适应手机尺寸
9.1.1、设置适应手机的原型尺寸
9.1.2、通过视口标签,让原型自适应浏览器
9.2、生成分享链接
9.2.1、注册Axure
Share账号并分享原型
9.2.2、利用“新浪云”自建原型服务器
9.3、案例19:H5小测试——色彩感觉心理测试
9.3.1、制作测试题
9.3.2、制作测试结果
9.3.3、设置视口标签
9.3.4、发布
第10章:母版
10.1、创建母版
10.1.1、在母版栏直接添加
10.1.2、将元件转换为母版
10.2、使用母版
10.2.1、拖放行为
10.2.2、使用情况
10.3、案例20:利用母版,解决“积分商城”的重复建设
10.3.1、导航栏
10.3.2、弹出菜单
10.3.3、底部栏
10.3.4、使用母版
第11章:元件库
11.1、使用元件库
11.1.1、下载元件库
11.1.2、加载元件库
11.1.3、切换元件库
11.1.4、元件库的其他操作
11.2、创建元件库
11.3、案例21:自定义元件库
11.3.1、手机外框
11.3.2、按钮
11.3.3、搜索框
11.3.4、饼状图
11.3.5、评论
11.3.6、查看元件库
第12章:团队协作
12.1、团队项目介绍
12.2、创建团队项目
12.3、获取团队项目文件
12.3.1、查看团队项目ID
12.3.2、获取团队项目
12.3.3、查看本地文件
12.4、修改团队项目
12.4.1、签出
12.4.2、提交变更
12.4.3、签入
12.4.4、历史记录