产品特色
编辑推荐
小楼老师继上一本畅销书后倾情打造;
从基础到实战,共166个实例完全讲解;
每个案例可实时查看演示效果;
从APP到网站,全面覆盖各个典型案例的原型讲解,助你快速掌握。
内容简介
本书是一本介绍使用Axure RP 8.0 软件制作Web和App原型的图书,通过对基础操作和实战案例的讲解,帮助读者深入了解如何进行Web与App平台的产品原型开发以及各种交互效果的实现。
本书共分为2篇。第1篇包含56个基础操作,读者通过对这一部分内容的学习,就能够基本掌握软件的使用方法。在之后的内容如果遇到陌生的操作问题,可以查阅本篇内容来解决。第2篇包含110个实战案例,读者可以在这一部分的内容中,学习掌握原型的开发技巧,以及获得各种实战案例的参考。
本书不但适合零基础的读者由浅至深地学习,而且适合具备一定基础的读者做为实战项目的参考,也可以作为学校相关课程配套教材,或互联网公司、高新科技企业等新人内训的教程。
作者简介
小楼一夜听春语, www.iaxure.com网站创始人;网络视频课程《AxureRP7.0从入门到精通》作者;多贝网特邀讲师;网易云课堂合作讲师;百度传课合作讲师;E良师益友网特邀合作讲师;中软培训特邀讲师。
目录
基础操作篇
第1章使用元件 / 9
基础1 添加元件到画布 / 11
基础2 添加元件名称 / 11
基础3 设置元件位置/尺寸 / 11
基础4 设置元件默认角度 / 11
基础5 设置元件颜色与透明 / 11
基础6 设置形状或图片圆角 / 12
基础7 设置矩形仅显示部分边框 / 12
基础8 设置线段/箭头/边框样式 / 12
基础9 设置元件文字边距/行距 / 12
基础10 设置元件默认隐藏 / 12
基础11 设置文本框输入为密码 / 12
基础12 设置打开选择文件窗口 / 13
基础13 限制文本框输入字符位数 / 13
基础14 设置文本框提示文字 / 13
基础15 设置文本框回车触发事件 / 13
基础16 设置鼠标移入元件时的提示 / 13
基础17 设置矩形为其他形状 / 14
基础18 设置自定义形状 / 14
基础19 设置形状水平/垂直翻转 / 14
基础20 设置列表框的内容 / 14
基础21 设置元件默认选中/禁用 / 14
基础22 设置单选按钮唯一选中 / 14
基础23 设置元件不同状态的交互样式 / 15
基础24 设置图片文本 / 15
基础25 切割/裁剪图片 / 15
基础26 嵌入多媒体文件/页面 / 15
基础27 调整元件的层级 / 16
基础28 组合/取消组合元件 / 16
基础29 转换元件为图片 / 16
基础30 载入元件库 / 16
基础31 切换元件库 / 16
第2章页面设置 / 17
基础32 设置页面居中 / 18
基础33 设置页面背景(图片/颜色) / 18
基础34 设置页面颜色(草图/黑白) / 18
第3章设置条件 / 19
基础35 添加条件判断 / 20
基础36 设置条件逻辑关系 / 20
基础37 用例条件转换 / 20
第4章使用变量/公式 / 21
基础38 全局变量设置 / 22
基础39 局部变量设置 / 22
基础40 公式的格式及类型 / 22
第5章功能设置 / 23
基础41 设置形状并排显示细边框 / 24
基础42 设置画布中的遮罩阴影 / 24
基础43 显示/隐藏交互与说明编号 / 24
基础44 显示/隐藏两侧的功能面板 / 24
基础45 展开/收起/弹出/停靠/关闭功能面板 / 24
基础46 关闭/恢复功能面板 / 24
基础47 文件备份与恢复 / 25
基础48 设置自适应视图 / 25
第6章查看原型 / 26
基础49 快速预览查看原型 / 27
基础50 生成HTML 查看原型 / 27
基础51 生成部分原型页面 / 27
基础52 为原型添加标志 / 27
基础53 发布原型到AxShare / 28
基础54 重新生成当前页面 / 28
基础55 移动设备设置 / 28
基础56 Web 字体设置 / 29
实战案例篇
第7章元件案例 / 31
案例1 文本框:带图标文字提示 / 33
案例2 文本框:边框变色 / 34
案例3 图片:变换样式的按钮(1) / 35
案例4 图片:自定义复选框(1) / 36
案例5 形状:变换样式的按钮(2) / 37
案例6 形状:自定义复选框(2) / 38
案例7 形状:唯一选中项 / 39
案例8 形状:制作环形进度条 / 40
案例9 文本标签:添加文本链接 / 42
案例10 内联框架:嵌入百度地图 / 44
案例11 动态面板:登录面板切换 / 46
案例12 动态面板:自动图片切换 / 48
案例13 动态面板:保持固定位置 / 51
案例14 动态面板:拖动滑块解锁(1) / 52
案例15 动态面板:元件样式联动 / 55
案例16 中继器:制作商品列表 / 57
案例17 中继器:商品列表排序 / 60
案例18 形状:自定义复选框(3) / 62
案例19 中继器:商品类型筛选 / / 64
案例20 中继器:选择对比商品(1) / 66
案例21 中继器:选择对比商品(2) / 70
案例22 中继器:选择对比商品(3) / 72
第8章变量案例 / 76
案例23 全局变量:账号登录验证(1) / 77
案例24 全局变量:打开微博详情(1) / 80
案例25 局部变量:账号登录验证(2) / 83
案例26 局部变量:增减商品数量(1) / 84
案例27 局部变量:价格区间筛选 / 85
第9章特别案例 / 88
案例28 组合:弹出菜单效果 / 89
案例29 组合:菜单整体变色 / 90
案例30 遮罩:弹出登录界面 / 91
案例31 推拉:制作抽屉菜单 / 92
案例32 移动:横幅展开效果 / 94
案例33 尺寸:改变元件尺寸(1) / 97
案例34 翻转:图片翻转效果 / 99
案例35 旋转:唱片旋转效果 / 100
案例36 锚点:页面返回顶部 / 103
第10 章函数案例 / 106
案例37 元件函数:改变元件尺寸(2) / 107
案例38 元件函数:增减商品数量(2) / 108
案例39 元件函数:图片外框移动 / 109
案例40 元件函数:拖动滑块解锁(2) / 111
案例41 元件函数:商品图片切换 / 113
案例42 页面函数:导航指针移动 / 116
案例43 窗口函数:滚动吸附顶部 / 117
案例44 窗口函数:返回顶部按钮 / 119
案例45 指针函数:商品图片放大 / 121
案例46 数字与指针函数:开关侧边菜单 / 125
案例47 数学函数:随机数验证码 / 127
案例48 数学函数:不同方向滑入 / 132
案例49 字符串函数:模糊搜索列表 / 136
案例50 字符串函数:手机号码验证(1) / 138
案例51 字符串函数:手机号码验证(2) / 141
案例52 字符串函数:复选数量统计 / 141
案例53 字符串函数:打开微博详情(2) / 143
案例54 字符串函数:音乐播放计时 / 145
案例55 日期函数:获取系统时间 / 149
案例56 中继器函数:首个商品推荐 / 152
案例57 中继器函数:添加对比商品(4) / 156
案例58 中继器函数:游戏列表翻页(1) / 157
案例59 中继器函数:游戏列表翻页(2) / 160
案例60 中继器函数:列表筛选结果 / 164
第11章综合案例(Web) / 169
案例61 面板状态切换与移动 / 170
案例62 框架中镶嵌其他页面 / 172
案例63 间隔与连续旋转特效 / 173
案例64 锚点滚动与导航吸附 / 174
案例65 唯一选中与样式切换 / 177
案例66 页面内滚动条的实现 / 178
案例67 用滚轮控制横向滚动 / 181
案例68 剩余可输入文字提示 / 185
案例69 进度条与数字的联动 / 188
案例70 展开收起的推拉效果 / 189
案例71 展开收起与移动效果 / 193
案例72 图像旋转与镂空效果 / 193
案例73 全选与取消全选效果 / 196
案例74 带进度条的分页标签 / 199
案例75 循环选中与尺寸改变 / 202
案例76 二级菜单的内容切换 / 204
案例77 循环内容走马灯效果 / 206
案例78 页面安全键盘的实现 / 209
案例79 省市列表的选择联动 / 211
案例80 背景滑块与改变尺寸 / 213
案例81 可调节时间的倒计时 / 215
案例82 文本框中焦点的控制 / 217
案例83 随机数数字自增效果 / 220
案例84 文字输入的条件限制 / 221
案例85 鼠标移入的缩放效果 / 222
第12章综合案例(APP) / 227
案例86 启动画面的翻页效果 / 227
案例87 双方向拖动橱窗效果 / 229
案例88 输入文字与退格效果 / 232
案例89 中心点逐渐放大效果 / 233
案例90 菜单的拖动排序效果 / 234
案例91 半透明按钮悬浮效果 / 237
案例92 导航菜单单击时移动 / 238
案例93 展开与收起二级选项 / 241
案例94 拖动切换与移动效果 / 242
案例95 长按进度条前进效果 / 245
案例96 滑块的水平拖动效果 / 248
案例97 长按复选框切换样式 / 250
案例98 选中复选框计数效果 / 251
案例99 全选与取消全选效果 / 253
案例100 侧边菜单的视差效果 / 254
案例101 动态面板嵌套与切换 / 256
案例102 标签移动与内容切换 / 260
案例103 单击曲目时切换歌曲 / 262
案例104 遮罩与放大弹出内容 / 264
案例105 动态面板状态的联动 / 267
案例106 循环移动的波浪效果 / 268
案例107 二级菜单下滑与遮罩 / 270
案例108 下拉刷新的多个状态 / 272
案例109 字符串输入控制效果 / 276
案例110 图标旋转与放大缩小 / 278
Axure RP8 实战手册 网站和APP原型制作案例精粹 内容简介 欢迎来到《Axure RP8 实战手册 网站和APP原型制作案例精粹》的世界!在这本厚实的手册中,我们不仅将带您深入探索Axure RP8这款强大的原型设计工具,更重要的是,我们将通过大量精心挑选的真实项目案例,为您揭示如何将理论知识转化为切实可行的设计成果。本书旨在成为您从新手到高手的桥梁,让您在实际的项目中自信满满,游刃有余。 本书特色与亮点: 海量真实案例,实战价值爆棚: 我们深知理论学习的局限性,因此本书将重心放在了“实战”二字上。从小型个人博客到复杂的电商平台,从简洁的移动APP到功能丰富的企业级后台管理系统,我们精选了数十个涵盖不同行业、不同复杂度的网站和APP原型制作案例。每一个案例都力求贴近真实的项目需求,让您在学习过程中,仿佛置身于真实的开发环境中,亲手操刀完成项目。 循序渐进,体系化教学: 本书的内容编排经过精心设计,力求逻辑清晰、循序渐进。我们从Axure RP8的基础操作和核心概念入手,逐步深入到高级功能和交互设计。无论您是初次接触Axure的新手,还是已有一定基础的设计师,都能找到适合自己的学习路径。我们不会一次性抛出海量信息,而是将复杂的知识点拆解成易于理解和掌握的模块。 聚焦核心功能,深入交互设计: Axure RP8的强大之处在于其灵活的交互设计能力。本书将重点讲解如何利用Axure RP8的动态面板、中继器、变量、条件和函数等核心功能,创建出高度仿真的交互效果。我们将演示如何实现复杂的页面跳转、弹窗、滑块、下拉菜单、表单验证、数据联动等设计需求,让您的原型不再是静态的图片,而是能够真实反映用户操作流程和产品功能的“活”原型。 精讲Axure RP8的各个模块: 页面与母版: 学习如何高效地创建和组织页面,以及如何利用母版来管理全局样式和组件,确保设计的一致性。 控件与元件库: 掌握Axure RP8自带的丰富控件库,并学习如何创建和管理自定义元件库,提高设计效率。 样式与格式化: 深入理解如何设置元素的字体、颜色、边距、对齐等样式,并学会使用条件样式来实现动态效果。 动态面板: 这是Axure RP8的核心功能之一。我们将详细讲解如何使用动态面板创建切换、显示/隐藏、动画效果等,并结合案例演示其在不同场景下的应用。 中继器: 对于列表、表格、图库等重复性元素的展示,中继器是必不可少的工具。本书将深入剖析中继器的数据管理、排序、筛选、分页等功能,并提供丰富的实战案例。 变量与函数: 掌握变量的创建和使用,以及各种内置函数的应用,能够实现更复杂的逻辑判断和数据处理,让您的原型更加智能化。 交互事件与动作: 学习Axure RP8提供的丰富交互事件(如单击、鼠标移入、键盘输入等)和对应的动作(如打开链接、显示/隐藏、设置文本等),实现精妙的用户交互。 注释与团队协作: 了解如何在原型中添加注释,方便团队沟通,并学习Axure RP8的团队协作功能,与团队成员高效协同工作。 深入剖析设计思路与项目流程: 除了技术层面的讲解,本书更注重分享产品设计过程中的思路和方法。我们将结合案例,讲解如何从需求分析到原型设计,再到交互逻辑的梳理,以及如何进行原型评审和迭代。您将学到如何站在用户的角度思考问题,如何将抽象的需求转化为具体的设计方案。 覆盖多种主流设计场景: 网站原型设计: 包括电商网站、资讯门户、企业官网、博客论坛等,重点讲解响应式设计、导航系统、用户登录注册流程、搜索筛选功能等。 APP原型制作: 涵盖iOS和Android主流APP,如社交APP、工具类APP、游戏APP、内容阅读APP等,重点讲解导航模式(底部tab、侧边栏)、列表与详情页、表单交互、手势操作、动画反馈等。 后台管理系统原型: 涉及数据管理、用户权限、报表展示、图表交互等,重点讲解表格的复杂交互、筛选与排序、数据图表的制作与联动。 提供配套资源,助力学习: 为了方便读者学习,本书会提供大量的配套资源,包括但不限于: 源文件: 所有案例的Axure RP8源文件,您可以直接下载、查看、修改和学习。 组件库: 整理和分享常用的Axure RP8组件库,帮助您快速搭建原型。 练习题与挑战: 设计一系列的练习题和小型挑战,巩固所学知识,提升实操能力。 常见问题解答与避坑指南: 在实战过程中,难免会遇到各种问题。本书将收集和整理Axure RP8使用过程中常见的疑难杂症,并提供详尽的解决方案。同时,我们还将分享一些设计和使用Axure RP8的“避坑”经验,帮助您少走弯路。 优秀案例赏析与进阶技巧: 在掌握了基础知识和常用技巧后,本书还将引导您欣赏一些优秀的原型设计作品,并分享一些更加高级和前沿的Axure RP8使用技巧,如性能优化、与其他工具的联动等。 适合读者群体: 产品经理: 需要快速产出高保真原型,与团队有效沟通产品需求。 UI/UX设计师: 希望深入掌握Axure RP8,提升原型制作的效率和质量,创作出更具吸引力和可用性的交互体验。 网页开发者/前端工程师: 需要理解和实现交互设计,与设计师紧密协作。 项目经理/产品运营: 需要了解产品原型制作流程,更好地把握项目进度和质量。 对Axure RP8感兴趣的初学者: 希望系统学习Axure RP8,快速掌握原型设计技能。 希望提升原型设计能力的资深从业者: 寻求更深入、更实用的高级技巧和案例。 内容结构展望(章节示例): 第一部分:Axure RP8 基础精通 第一章:Axure RP8 入门与界面导览 第二章:页面管理与母版应用 第三章:控件、元件库与样式设置 第四章:掌握动态面板的精髓(显示/隐藏、切换、动画) 第五章:中继器的强大应用(列表、表格、数据联动) 第六章:变量、函数与条件逻辑的应用 第二部分:网站原型制作实战案例 第七章:电商网站商品列表与详情页交互设计 第八章:社交资讯门户的聚合页面与信息流设计 第九章:企业官网的产品展示与联系表单交互 第十章:个人博客的文章列表、详情与评论交互 第十一章:响应式网站的布局与适配技巧 第三部分:APP原型制作实战案例 第十二章:底部Tab导航APP的通用框架构建 第十三章:内容阅读APP的文章列表与详情页设计 第十四章:社交APP的用户动态、发布与互动流程 第十五章:工具类APP的常用功能交互(如计算器、日历) 第十六章:APP内的弹窗、浮层与动画效果设计 第四部分:后台管理系统与高级技巧 第十七章:复杂数据表格的筛选、排序与分页交互 第十八章:图表库集成与数据可视化原型 第十九章:用户权限管理与多角色界面展示 第二十章:Axure RP8 项目打包、导出与评审 第二十一章:Axure RP8 常见问题解答与性能优化 第二十二章:优秀原型设计赏析与进阶技巧 《Axure RP8 实战手册 网站和APP原型制作案例精粹》不仅仅是一本工具书,更是一本实践指南。我们希望通过本书,帮助您真正理解原型设计的价值,掌握Axure RP8的强大功能,并能在未来的工作中,运用所学知识创造出更加卓越的产品。准备好踏上您的原型设计之旅了吗?让我们一起,用Axure RP8,将想法变为现实!