AxureRP原型设计基础与案例实战课件.pptx

1、Axure RP原型设计基础与案例实战配套学习资源01配套学习资源1 Axure RP基础021 Axure RP基础0102031.1 Axure RP是干什么用的1.2 基础概念1.3 案例1：我的第1个Axure RP原型注册页面1.1 Axure RP是干什么用的1 Axure RP基础1.1.2 Axure RP原型案例1.1.1 Axure RP是原型设计软件1.1.3 使用Axure RP原型1.2 基础概念1 Axure RP基础1.2.1 软件界面概述1.2.2 画布1.2.3 坐标1.2.6 母版1.2.5 站点地图1.2.4 元件库1 Axure RP基础1.2 基础概念

2、011.2.7 属性1.2.8 元件地图021.2.9 发布原型031 Axure RP基础1.3 案例1：我的第1个Axure RP原型注册页面1.3.1 创建原型文件1.3.2 添加元件1.3.4 预览原型效果1.3.3 设置页面样式2 样式设置032 样式设置2.1 颜色2.2 阴影2.3 文字格式2.6 处理图片的尺寸2.5“钢笔”和自定义图形2.4 格式刷2 样式设置2.8 文本框样式2.10 布局2.12 案例2：给不同模块制作不同背景2.7 设置按钮的交互样式2.9 改变形状2.11 页面样式2 样式设置2.14 案例4：绘制一个APP原型2.13 案例3：绘制一个网站原型2 样

3、式设置2.1 颜色CBA2.1.1 认识颜色窗口2.1.2 设置透明效果2.1.3 设置渐变效果2.3 文字格式2 样式设置2.3.1 文字样式2.3.2 调整文本的间距和填充2.3.3 调整文本的宽度、高度2 样式设置2.5“钢笔”和自定义图形2.5.1 钢笔012.5.2 自定义形状022 样式设置2.6 处理图片的尺寸2.6.1 分割图片2.6.2 裁剪图片2 样式设置2.8 文本框样式2.8.1 文本框类型12.8.3 文本限制32.8.2 文本框提示22.8.4“提交”按钮42 样式设置2.9 改变形状012.9.1 旋转2.9.2 翻转022.9.3 合并032 样式设置2.10

4、布局2.10.1 顺序012.10.3 对齐032.10.2 组合022.10.4 分布042 样式设置2.11 页面样式2.11.1 页面排列2.11.2 背景2.11.3 草图2.11.4 样式模板2 样式设置2.13 案例3：绘制一个网站原型01032.13.1 绘制导航栏2.13.2 绘制折线图2.13.3 绘制统计数据模块020405062.13.4 处理图标、图片2.13.5 总体布局2.13.6 设置页面样式2 样式设置2.14 案例4：绘制一个APP原型2.14.1 绘制手机框2.14.2 添加遮罩2.14.3 添加阴影2.14.4 设置页面布局3 原型设计准则043 原型设计

5、准则3.2 原型中要使用真实的数据3.4 原型需要快速迭代3.6 页面布局要随时优化3.1 原型做成高保真还是低保真3.3 产品流程应该尽量完整3.5 页面应该尽量简化3 原型设计准则3.7 要保持原型的一致性3 原型设计准则3.1 原型做成高保真还是低保真A3.1.1 什么是高保真和低保真3.1.2 如何选择高保真与低保真B3.3 产品流程应该尽量完整3 原型设计准则3.3.2 考虑系统出错的情况3.3.4 考虑每一步的状态3.3.1 考虑用户出错的情况3.3.3 考虑没有数据的情况3.3.5 添加适当的提示3.4 原型需要快速迭代3 原型设计准则3.4.2 修改原型的技巧3.4.1 沟通原

6、型的技巧3.5 页面应该尽量简化3 原型设计准则3.5.1 精简用户输入内容3.5.2 精简页面上的元素3.5.5 减少确认环节3.5.4 避免过多的分支流程3.5.3 合并重复的功能3.6 页面布局要随时优化3 原型设计准则CBA3.6.1 用图形替代文字3.6.2 突出重点信息3.6.3 把握页面节奏3 原型设计准则3.7 要保持原型的一致性A3.7.1 遵从惯例，保持外部一致3.7.2 统一样式，保持内部一致B4 交互动画054 交互动画014.1 基础概念4.2 动态面板024.3 常用交互案例034.4 复杂交互案例044.1 基础概念4 交互动画4.1.1 了解4个概念4.1.2

7、举例说明4个概念4.1.3 触发事件4.1.6 条件4.1.5 交互动作4.1.4 用例LOGOM.94275.CN4 交互动画4.2 动态面板4.2.1 创建动态面板4.2.2 动态面板的状态4.2.4 拖曳4.2.3 调整动态面板的尺寸4.3 常用交互案例4 交互动画4.3.2 案例6：切换标签页4.3.4 案例8：通知4.3.1 案例5：轮播图4.3.3 案例7：侧边栏4.3.5 案例9：自动弹出键盘4 交互动画4.4 复杂交互案例4.4.2 案例11：锤子开机解锁4.4.3 案例12：企业网站4.4.1 案例10：优化的注册流程5 数据操作065 数据操作010203045.1 变量5

8、.2 函数5.3 中继器Repeater5.4 数据操作案例5.1 变量5 数据操作5.1.1 使用变量01“5.1.2 全局变量02“5.1.3 元件变量04“5.1.4 局部变量05“5.1.5 页面、窗口和鼠标指针变量06“5 数据操作5.2 函数5.2.4 日期函数5.2.5 布尔函数5.2.1 数字函数5.2.2 字符串函数5.2.3 数学函数5.3 中继器Repeater5 数据操作5.3.1 复制5.3.2 数据集5.3.3 样式5.3.6 交互动作5.3.5 中继器变量5.3.4 触发事件5 数据操作5.4 数据操作案例ABC5.4.2 案例14：Layout图片编辑5.4.3

9、 案例15：雅虎天气5.4.1 案例13：模拟制作“奇妙清单”APP6 复杂原型的规划076 复杂原型的规划6.2 巧命名6.4 结构规划6.1 可维护性6.3 善用“说明”功能6.5 案例16：Flappy Bird游戏案例6 复杂原型的规划6.1 可维护性6.1.1 可理解性16.1.2 可修改性26.2 巧命名6 复杂原型的规划6.2.1 使用有意义的名称6.2.2 命名规范6.2.3 页面的命名6.3 善用“说明”功能6 复杂原型的规划6.3.2 对整个原型的“说明”6.3.1 元件的“说明”6.3.3 结构图、流程图6.4 结构规划6 复杂原型的规划0102036.4.1 原型结构选

10、择“页面”或“动态面板”6.4.2 减少重复的动作和数据6.4.3 分割用例6 复杂原型的规划6.5 案例16：Flappy Bird游戏案例6.5.1 原型规划6.5.2 开场6.5.3 背景移动6.5.6 结束6.5.5 碰撞检测6.5.4 飞行控制6 复杂原型的规划6.5 案例16：Flappy Bird游戏案例6.5.7 得分7 带地图的原型087 带地图的原型7.1 地图开放平台7.2 案例17：制作LBS应用“踩红包”的原型7.1 地图开放平台7 带地图的原型7.1.1 接口7.1.2 示例7.1.3 设置控件7.1.6 信息窗口7.1.5 覆盖物7.1.4 地图风格7 带地图的原

11、型7.2 案例17：制作LBS应用“踩红包”的原型7.2.1 初始化地图页面7.2.2 在地图上添加红包7.2.3 在地图上添加信息窗口7.2.4 整合发布8 响应式原型设计098 响应式原型设计8.1.1 响应式设计介绍8.1.2 为什么做响应式设计8.1.3 响应式设计思维8.1 响应式设计8.2.1 添加子视图8.2.2 继承8.2 自适应视图8.3.1 自适应视图改变布局8.3.2 窗口改变时调整元件宽度8.3 案例18：响应式网站9 手机上可访问的原型109 手机上可访问的原型9.1 让原型适应手机尺寸9.2 生成分享链接9.3 案例19：H5小测试色彩感觉心理测试9 手机上可访问的

12、原型9.1 让原型适应手机尺寸AB9.1.2 通过视口标签，让原型自适应浏览器9.1.1 设置适应手机的原型尺寸9 手机上可访问的原型9.2 生成分享链接AB9.2.2 利用“新浪云”自建原型服务器9.2.1 注册Axure Share账号并分享原型LOGOM.94275.CN9 手机上可访问的原型9.3 案例19：H5小测试色彩感觉心理测试9.3.1 制作测试题19.3.3 设置视口标签39.3.2 制作测试结果29.3.4 发布410 母版1110 母版110.1 创建母版210.2 使用母版310.3 案例20：利用母版，解决“积分商城”的重复建设10 母版10.1 创建母版A10.1.

13、1 在母版栏直接添加10.1.2 将元件转换为母版B10 母版10.2 使用母版10.2.1 拖放行为110.2.2 使用情况210 母版10.3 案例20：利用母版，解决“积分商城”的重复建设10.3.1 导航栏10.3.2 弹出菜单10.3.3 底部栏10.3.4 使用母版11 元件库1211 元件库11.1 使用元件库11.2 创建元件库11.3 案例21：自定义元件库11 元件库11.1 使用元件库11.1.1 下载元件库11.1.2 加载元件库11.1.3 切换元件库11.1.4 元件库的其他操作11.3 案例21：自定义元件库11 元件库11.3.1 手机外框11.3.2 按钮11.3.3 搜索框11.3.6 查看元件库11.3.5 评论11.3.4 饼状图12 团队协作1312 团队协作12.1 团队项目介绍12.2 创建团队项目12.3 获取团队项目文件12.4 修改团队项目DCAB12 团队协作12.3 获取团队项目文件CBA12.3.1 查看团队项目ID12.3.2 获取团队项目12.3.3 查看本地文件12 团队协作12.4 修改团队项目12.4.1 签出12.4.2 提交变更12.4.3 签入12.4.4 历史记录感谢聆听