1、Axure-RP原型设计基础与案例实战Axure-RP原型设计基础与案例实战配套学习资源01配套学习资源01配套学习资源配套学习资源1AxureRP基础021AxureRP基础021AxureRP基础0102031.1AxureRP是干什么用的1.2基础概念1.3案例1:我的第1个AxureRP原型注册页面1AxureRP基础0102031.1AxureRP1.1AxureRP是干什么用的1AxureRP基础1.1.2AxureRP原型案例1.1.1AxureRP是原型设计软件1.1.3使用AxureRP原型1.1AxureRP是干什么用的
2、1AxureRP基础1.2基础概念1AxureRP基础1.2.1软件界面概述1.2.2画布1.2.3坐标1.2.6母版1.2.5站点地图1.2.4元件库1.2基础概念1AxureRP基础1.2.1软件界面1AxureRP基础1.2基础概念011.2.7属性1.2.8元件地图021.2.9发布原型031AxureRP基础1.2基础概念011.2.7属性1AxureRP基础1.3案例1:我的第1个AxureRP原型注册页面1.3.1创建原型文件1.3.2添加元件1.3.4预览原型效果1.3.3设置页面样式1AxureRP基础1.
3、3案例1:我的第1个Axure2样式设置032样式设置032样式设置2.1颜色2.2阴影2.3文字格式2.6处理图片的尺寸2.5“钢笔”和自定义图形2.4格式刷2样式设置2.1颜色2.2阴影2.3文字格式2.62样式设置2.8文本框样式2.10布局2.12案例2:给不同模块制作不同背景2.7设置按钮的交互样式2.9改变形状2.11页面样式2样式设置2.8文本框样式2.10布局2.12案例22样式设置2.14案例4:绘制一个APP原型2.13案例3:绘制一个网站原型2样式设置2.14案例4:绘制一个APP原型2.13案2样式设置2
4、.1颜色CBA2.1.1认识颜色窗口2.1.2设置透明效果2.1.3设置渐变效果2样式设置2.1颜色CBA2.1.1认识颜色窗口2.12.3文字格式2样式设置2.3.1文字样式2.3.2调整文本的间距和填充2.3.3调整文本的宽度、高度2.3文字格式2样式设置2.3.1文字样式2.3.22样式设置2.5“钢笔”和自定义图形2.5.1钢笔012.5.2自定义形状022样式设置2.5“钢笔”和自定义图形2.5.1钢笔012样式设置2.6处理图片的尺寸2.6.1分割图片2.6.2裁剪图片2样式设置2.6处理图片的尺寸2.6.1分割图片2.6
5、2样式设置2.8文本框样式2.8.1文本框类型12.8.3文本限制32.8.2文本框提示22.8.4“提交”按钮42样式设置2.8文本框样式2.8.1文本框类型12.82样式设置2.9改变形状012.9.1旋转2.9.2翻转022.9.3合并032样式设置2.9改变形状012.9.1旋转2.9.22样式设置2.10布局2.10.1顺序012.10.3对齐032.10.2组合022.10.4分布042样式设置2.10布局2.10.1顺序012.10.32样式设置2.11页面样式2.11.1页面排列2.11.2背景2.11.3草图2.
6、11.4样式模板2样式设置2.11页面样式2.11.1页面排列2.112样式设置2.13案例3:绘制一个网站原型01032.13.1绘制导航栏2.13.2绘制折线图2.13.3绘制统计数据模块020405062.13.4处理图标、图片2.13.5总体布局2.13.6设置页面样式2样式设置2.13案例3:绘制一个网站原型01032.12样式设置2.14案例4:绘制一个APP原型2.14.1绘制手机框2.14.2添加遮罩2.14.3添加阴影2.14.4设置页面布局2样式设置2.14案例4:绘制一个APP原型2.14.13原型设计准则043原型设计准则
7、043原型设计准则3.2原型中要使用真实的数据3.4原型需要快速迭代3.6页面布局要随时优化3.1原型做成高保真还是低保真3.3产品流程应该尽量完整3.5页面应该尽量简化3原型设计准则3.2原型中要使用真实的数据3.4原型需3原型设计准则3.7要保持原型的一致性3原型设计准则3.7要保持原型的一致性3原型设计准则3.1原型做成高保真还是低保真A3.1.1什么是高保真和低保真3.1.2如何选择高保真与低保真B3原型设计准则3.1原型做成高保真还是低保真A产品流程应该尽量完整3原型设计准则3.3.2考虑系统出错的情况3.3.4考虑每一
8、步的状态3.3.1考虑用户出错的情况3.3.3考虑没有数据的情况3.3.5添加适当的提示3.3产品流程应该尽量完整3原型设计准则3.3.2考虑3.4原型需要快速迭代3原型设计准则3.4.2修改原型的技巧3.4.1沟通原型的技巧3.4原型需要快速迭代3原型设计准则3.4.2修改原型3.5页面应该尽量简化3原型设计准则3.5.1精简用户输入内容3.5.2精简页面上的元素3.5.5减少确认环节3.5.4避免过多的分支流程3.5.3合并重复的功能3.5页面应该尽量简化3原型设计准则3.5.1精简用户3.6页面布局要随时优化3原型设计准则CBA3.6.1
9、用图形替代文字3.6.2突出重点信息3.6.3把握页面节奏3.6页面布局要随时优化3原型设计准则CBA3.6.13原型设计准则3.7要保持原型的一致性A3.7.1遵从惯例,保持外部一致3.7.2统一样式,保持内部一致B3原型设计准则3.7要保持原型的一致性A3.7.1遵从4交互动画054交互动画054交互动画014.1基础概念4.2动态面板024.3常用交互案例034.4复杂交互案例044交互动画014.1基础概念4.2动态面板024.34.1基础概念4交互动画4.1.1了解4个概念4.1.2举例说明4个概念4.1.3触发事件4.1.6
10、条件4.1.5交互动作4.1.4用例4.1基础概念4交互动画4.1.1了解4个概念4.1.LOGOM.94275.CN4交互动画4.2动态面板4.2.1创建动态面板4.2.2动态面板的状态4.2.4拖曳4.2.3调整动态面板的尺寸LOGOM.94275.CN4交互动画4.2动态面板4.4.3常用交互案例4交互动画4.3.2案例6:切换标签页4.3.4案例8:通知4.3.1案例5:轮播图4.3.3案例7:侧边栏4.3.5案例9:自动弹出键盘4.3常用交互案例4交互动画4.3.2案例6:切换标签4交互动画4.4复杂交互案例4.4.2案例11:锤
11、子开机解锁4.4.3案例12:企业网站4.4.1案例10:优化的注册流程4交互动画4.4复杂交互案例4.4.2案例11:锤子开5数据操作065数据操作065数据操作010203045.1变量5.2函数5.3中继器Repeater5.4数据操作案例5数据操作010203045.1变量5.2函数5.35.1变量5数据操作5.1.1使用变量01“5.1.2全局变量02“5.1.3元件变量04“5.1.4局部变量05“5.1.5页面、窗口和鼠标指针变量06“5.1变量5数据操作5.1.1使用变量01“5.1.25数据操作5.2函数5.2.4日期
12、函数5.2.5布尔函数5.2.1数字函数5.2.2字符串函数5.2.3数学函数5数据操作5.2函数5.2.4日期函数5.2.5布尔5.3中继器Repeater5数据操作5.3.1复制5.3.2数据集5.3.3样式5.3.6交互动作5.3.5中继器变量5.3.4触发事件5.3中继器Repeater5数据操作5.3.1复制55数据操作5.4数据操作案例ABC5.4.2案例14:Layout图片编辑5.4.3案例15:雅虎天气5.4.1案例13:模拟制作“奇妙清单”APP5数据操作5.4数据操作案例ABC5.4.2案例14:6复杂原型的规划07
13、6复杂原型的规划076复杂原型的规划6.2巧命名6.4结构规划6.1可维护性6.3善用“说明”功能6.5案例16:FlappyBird游戏案例6复杂原型的规划6.2巧命名6.4结构规划6.1可维6复杂原型的规划6.1可维护性6.1.1可理解性16.1.2可修改性26复杂原型的规划6.1可维护性6.1.1可理解性16.6.2巧命名6复杂原型的规划6.2.1使用有意义的名称6.2.2命名规范6.2.3页面的命名6.2巧命名6复杂原型的规划6.2.1使用有意义的名称6.3善用“说明”功能6复杂原型的规划6.3.2对整个原型的“说明”6.3.
14、1元件的“说明”6.3.3结构图、流程图6.3善用“说明”功能6复杂原型的规划6.3.2对整个6.4结构规划6复杂原型的规划0102036.4.1原型结构选择“页面”或“动态面板”6.4.2减少重复的动作和数据6.4.3分割用例6.4结构规划6复杂原型的规划0102036.4.1原6复杂原型的规划6.5案例16:FlappyBird游戏案例6.5.1原型规划6.5.2开场6.5.3背景移动6.5.6结束6.5.5碰撞检测6.5.4飞行控制6复杂原型的规划6.5案例16:FlappyBird游6复杂原型的规划6.5案例16:FlappyBi
15、rd游戏案例6.5.7得分6复杂原型的规划6.5案例16:FlappyBird游7带地图的原型087带地图的原型087带地图的原型7.1地图开放平台7.2案例17:制作LBS应用“踩红包”的原型7带地图的原型7.1地图开放平台7.2案例17:制作L7.1地图开放平台7带地图的原型7.1.1接口7.1.2示例7.1.3设置控件7.1.6信息窗口7.1.5覆盖物7.1.4地图风格7.1地图开放平台7带地图的原型7.1.1接口7.1.7带地图的原型7.2案例17:制作LBS应用“踩红包”的原型7.2.1初始化地图页面7.2.2在地图上添加红包7.
18、测试题19.3.3设置视口标签39.3.2制作测试结果29.3.4发布4LOGOM.94275.CN9手机上可访问的原型9.3案10母版1110母版1110母版110.1创建母版210.2使用母版310.3案例20:利用母版,解决“积分商城”的重复建设10母版110.1创建母版210.2使用母版310.310母版10.1创建母版A10.1.1在母版栏直接添加10.1.2将元件转换为母版B10母版10.1创建母版A10.1.1在母版栏直接添加10母版10.2使用母版10.2.1拖放行为110.2.2使用情况210母版10.2使用母版10.2.1拖放行为110.210母版10.3案例20:利用母版,解决“积分商城”的重复建设10.3.1导航栏10.3.2弹出菜单10.3.3底部栏10.3.4使用母版10母版10.3案例20:利用母版,