产品特色
编辑推荐
Axure RP 8.0软件,从0 开始操作,从小白到打下扎实基础、有效稳步地提升;
讲解Axure RP 8.0系统全面的知识结构,以及如何使原型开发的思路更加清晰流畅,提高产出效率;
包含实战项目引导,根据产品设计实际工作需求及实现快速完成学习到产出的转化。
内容简介
本书的写作初衷是以初学者的角度,由浅至深地引导读者学习Axure RP 8.0的使用方法,从而实现学习目标。
本书不但适合初学者学习,在知识结构与案例的安排上,也非常适合工作中的查阅与参考。初学者只需要按照从前至后的顺序进行学习,就能够迅速、全面地掌握原型开发技能。具备一定原型开发基础的读者,也能够在本书的大量案例之中,获得各种实战的参考。书中的案例均来自互联网知名的网站或者APP中的一些典型交互内容,作者通过这些案例引导读者学习如何进行原型的构建、逻辑的整理、思路的分析及交互的实现。
作者简介
Axure官方推荐的中国地区培训机构的讲师
Axure原创教程网www.iaxure.com网站创始人
畅销产品经理视频课程《Axure RP 7.0从入门到精通》作者
畅销书《Axure RP7.0从入门到精通 Web + APP产品经理原型设计》作者
畅销书《Axure RP8 实战手册 网站和APP原型制作案例精粹》作者
华为大学互联网产品原型课程特邀讲师
中软培训特邀讲师
多贝网特邀讲师
网易云课堂合作讲师
百度传课合作讲师
E良师益友网特邀合作讲师
曾为华为集团、卓望集团、西部航空等企业提供现场咨询与培训服务。学员遍布百度、阿里巴巴、腾讯、网易、新浪、搜狐等企业机构。
目录
目 录
第1篇 基础
第 1 章 准备工作与注意事项/16
1.1 下载安装 Axure RP 8.0/17
1.1.1 Windows 系统的安装与汉化/17
1.1.2 Mac 系统的安装与汉化/18
1.2 原型相关的文件类型/19
1.3 文件自动备份与找回/19
1.4 功能区域的视图设置/20
第 2 章 创建项目结构/21
2.1 使用 Xmind 进行项目结构梳理/22
2.2 根据思维导图搭建原型页面结构/26
第 3 章 元件功能概述/27
3.1 鼠标的操作/28
3.2 元件的使用/29
3.2.1 使用软件自带元件库/29
3.2.2 使用自定义元件库/34
第 4 章 查看原型/35
4.1 本机预览/36
4.2 共享发布 /38
4.3 在线反馈 /40
4.4 Axure Share App/41
4.5 生成文件/44
4.6 浏览器插件/47
4.7 工具栏介绍/49
第 5 章 创建自适应视图/51
5.1 不同设备的原型尺寸/52
5.2 创建不同设备的视图/53
5.3 移动设备的浏览设置/54
第 6 章 概要与检视功能/59
6.1 概要功能 /60
6.2 检视功能——页面样式/62
6.3 检视功能——页面说明/65
6.4 检视功能——页面属性/65
6.5 检视功能——元件命名/66
6.6 检视功能——元件样式/67
6.7 检视功能——元件说明/73
6.7.1 添加元件说明/73
6.7.2 自定义说明字段/74
6.8 检视功能——元件属性/74
6.9 检视功能——元件交互/87
6.10 检视功能——组合属性/91
第 7 章 母版管理/95
7.1 母版简介/96
7.2 添加 / 编辑 / 删除/96
7.3 添加母版到页面中/97
7.4 从页面中移除母版/97
7.5 拖放行为/98
7.6 自定义触发事件/98
第 8 章 标注与流程/103
8.1 页面快照 /104
8.2 便签与标记/105
8.3 连线与箭头/108
第 9 章 其他/113
9.1 自定义元件库/114
9.1.1 创建元件库/114
9.1.2 制作自定义元件/115
9.1.3 使用元件库/116
9.2 自定义形状/117
9.3 钢笔工具 /120
9.4 裁剪与切割图片/120
9.5 网格与辅助线/122
9.6 团队项目 /124
9.7 图标字体 /130
9.8 Web 字体/131
9.8.1 @font-face 代码/131
9.8.2 链接到“.CSS”文件/134
第2篇 进阶
第 10 章 动态面板/138
10.1 动态面板简介/139
10.2 动态面板特性——容器/141
10.3 动态面板特性——多状态/150
10.4 动态面板特性——循环/154
10.5 动态面板特性——拖动/158
10.6 动态面板特性——适应宽度/160
10.7 动态面板特性——相对固定/161
第 11 章 公式与自定义变量/164
11.1 公式的格式/165
11.2 自定义变量——局部变量/166
11.3 自定义变量——全局变量/174
第 12 章 条件与表达式/184
12.1 条件的编辑/185
12.2 条件的类型/194
12.3 运算符与表达式/209
12.3.1 算术运算符/209
12.3.2 关系运算符/209
12.3.3 逻辑运算符/211
第 13 章 系统变量与函数/216
13.1 概念简介/217
13.2 元件/219
13.3 鼠标指针/248
13.4 窗口页面/253
13.5 数字/259
13.6 数学/263
13.7 日期/270
13.8 字符串/277
第 14 章 中继器 /287
14.1 中继器的组成/288
14.2 数据集——添加行/303
14.3 数据集——更新行/313
14.4 数据集——删除行/316
14.5 数据集——标记行与取消标记行/323
14.6 项目列表——排序/340
14.7 项目列表——筛选/347
14.8 中继器的属性/358
第 15 章 中继器的系统变量/367
15.1 系统变量——中继器/368
15.2 系统变量——数据集/383
写在最后…/392
案例目录
案例 01 QQ 注册页面的蓝色渐变背景//64
案例 02 导航菜单样式/69
案例 03 带删除线的文字效果/72
案例 04 文本框中的提示/75
案例 05 圆角蓝色边框的文本输入框/77
案例 06 动态样式的按钮效果/78
案例 07 页面中嵌入优酷视频/81
案例 08 页面中嵌入百度地图/82
案例 09 性别的唯一选择/85
案例 10 单击按钮等待 3 秒后打开作者的网站地址/88
案例 11 唯一选项选中效果/89
案例 12 触发组合中所有元件的鼠标交互/92
案例 13 母版的自定义触发事件/99
案例 14 页面快照的应用/105
案例 15 页面快照的交互/106
案例 16 添加连接点/110
案例 17 黑桃图标的制作/117
案例 18 单击登录按钮显示登录面板/142
案例 19 水平菜单移入时弹出隐藏效果/146
案例 20 垂直菜单单击时展开收起效果/148
案例 21 淘宝搜索栏内容切换/151
案例 22 使用循环实现图片轮播/155
案例 23 滑块在一定范围内拖动的效果/158
案例 24 横向铺满屏幕的背景条/160
案例 25 导航菜单顶部固定的效果/162
案例 26 使用局部变量计算商品合计/166
案例 27 单击加减按钮实现商品数量自增减/168
案例 28 图片轮播中页签的切换(1)/171
案例 29 密码找回的跨页面传递数据/175
案例 30 跨页面控制动态面板状态/180
案例 31 通过条件判断限制商品数量/187
案例 32 失去焦点时判断账号合法性(1)/188
案例 33 失去焦点时判断账号合法性(2)/190
案例 34 手机号码合法性验证/194
案例 35 注册信息的合法性验证/200
案例 36 图片轮播中页签的切换(2)/206
案例 37 使用条件表达式进行判断/212
案例 38 购物车数量自增减效果/220
案例 39 图片轮播页签改变尺寸与单击页签切换图片/223
案例 40 通过焦点元件实现键盘为多个文本框输入文字/229
案例 41 界面滚动超过一屏高度时显示返回顶部按钮 /231
案例 42 界面滚动时改变搜索栏透明度/235
案例 43 唱片旋转与进度条效果/238
案例 44 百度云网盘的右键菜单/249
案例 45 页面滚动时浮现的返回顶部按钮/254
案例 46 页面滚动时模块顶部吸附效果/257
案例 47 屏幕中虚拟 Home 键水平方向自动停靠的交互//260
案例 48 单击按钮获取 4 位随机整数验证码/264
案例 49 拖动旋钮时自转的交互效果/267
案例 50 动态数字时钟(1)/273
案例 51 模拟物理时钟 /275
案例 52 动态数字时钟(1)/280
案例 53 输入密码与退格的交互效果/281
案例 54 手机端商品列表(上)/290
案例 55 手机端商品列表(下)/294
案例 56 手机端浏览器添加常用网站(上)/304
案例 57 手机端浏览器添加常用网站(下)/313
案例 58 手机端浏览器删除常用网站(上)/316
案例 59 手机端浏览器删除常用网站(下)/319
案例 60 手机端购物车中的多项删除/323
案例 61 手机端购物车中的单项删除/332
案例 62 手机端商品列表的价格排序/341
案例 63 手机端商品列表按名称搜索/347
案例 64 手机端商品列表按价格区间筛选/349
案例 65 手机端商品列表多条件筛选/356
案例 66 项目列表中单项选中的效果/359
案例 67 文件列表的翻页交互/369
案例 68 移动端列表向上滑动时加载更多商品项/377
案例 69 音乐播放列表的歌曲编号/384
案例 70 移动端浏览器前 3 个图标禁止删除/387
Axure RP8 入门手册:网站和App原型设计从入门到精通 内容简介 欢迎翻开这本《Axure RP8 入门手册:网站和App原型设计从入门到精通》。在这本详尽的指南中,我们将带领您一步步掌握Axure RP8这一强大的原型设计工具,让您能够从零开始,构建出专业、精美的网站和App原型,并最终成为一名熟练的原型设计专家。 我们深知,在数字化浪潮汹涌的今天,清晰、可交互的原型是连接创意与现实、产品与用户的关键桥梁。一个优秀的原型不仅能够直观地展现设计理念,更能有效地收集反馈,优化用户体验,规避潜在风险,从而大大提升产品开发效率和成功率。而Axure RP8,凭借其在交互设计、动态面板、条件逻辑等方面的卓越表现,早已成为行业内公认的标杆级原型设计软件。 本书并非简单罗列软件功能,而是将您置于一个真实的、循序渐进的学习场景中。从对Axure RP8基础界面的熟悉,到掌握核心的组件库和控件运用;从静态页面的搭建,到赋予原型生动的交互生命力;从简单的页面跳转,到复杂的逻辑判断和动态效果的实现。我们将通过大量实战案例,引导您理解每一个操作背后的设计逻辑和应用场景,让您真正做到“知其然,更知其所以然”。 第一部分:基础入门——夯实根基,迈出第一步 在正式开启原型设计之旅前,了解Axure RP8的工作环境至关重要。第一部分,我们将带领您熟悉Axure RP8的整体界面布局,包括菜单栏、工具栏、侧边栏(页面管理、母版、样式、交互、注释等)以及画布区域。您将学会如何创建新项目,理解项目结构,以及如何有效地组织和管理您的设计文件。 接下来,我们将深入讲解Axure RP8的核心构建单元——控件。您将了解各种常用控件的属性和用途,例如: 形状控件(Shape): 理解矩形、椭圆形、线条等基本形状的绘制与编辑,它们是构成UI界面的基础。 文本框(Text Field)与标签(Label): 学习如何创建用户输入区域和展示文本信息,并了解它们的常用属性,如内容、对齐方式、字体大小等。 按钮(Button)与链接(Link): 掌握如何创建可点击的交互元素,理解按钮的不同状态(默认、悬停、按下)以及链接的跳转逻辑。 下拉列表(Dropdown List)、复选框(Checkbox)、单选按钮(Radio Button): 学习如何构建表单元素,实现用户选择功能。 图像(Image)与图片热区(Image Map): 了解如何导入图片并为其添加交互热点,实现更丰富的视觉效果。 您还将学会如何运用母版(Master)来提升设计效率。母版允许您创建可复用的设计元素(如导航栏、页脚、侧边栏等),一旦母版内容更新,所有应用该母版页面的相应部分将同步更新,这对于大型项目尤其重要。 此外,样式(Style)功能也是 Axure RP8 的一大亮点。我们将教您如何创建和管理颜色、字体、边框、阴影等样式属性,并将其应用到不同的控件上。通过统一的样式管理,您可以轻松地保持整个项目视觉风格的一致性,并进行快速的风格调整。 第二部分:交互设计——赋予原型生命,模拟真实体验 仅仅静态的界面是不够的,原型设计的精髓在于其交互性。第二部分将是本书的核心,我们将带领您进入 Axure RP8 的交互设计世界。 事件(Events)与动作(Actions): 您将深入理解 Axure RP8 的事件驱动机制。学习如何为控件添加各种交互事件,例如“单击时(OnClick)”、“鼠标悬停时(OnMouseEnter)”、“页面加载时(OnPageLoad)”等。并将这些事件与相应的动作关联起来,例如“打开链接(Open Link)”、“显示/隐藏(Show/Hide)”、“启用/禁用(Enable/Disable)”等。 页面跳转与导航: 掌握如何创建不同页面之间的跳转,实现网站或App的导航流程。我们将演示如何设置页面链接、弹出窗口、以及基于用户操作的复杂导航逻辑。 动态面板(Dynamic Panels): 这是 Axure RP8 中实现复杂交互和状态切换的利器。您将学习如何创建动态面板,并在其中添加多个页面(Pages)或状态(States)。通过切换动态面板的状态,您可以模拟如轮播图、选项卡切换、模态框弹出、抽屉式导航等多种交互效果。我们将详细讲解如何为动态面板的切换设置动画效果,使其更加流畅自然。 中继器(Repeater): 对于需要展示列表、网格或其他重复性内容的场景,中继器将是您的得力助手。您将学习如何使用中继器来生成动态列表,并为列表项添加交互功能,实现数据的动态加载和更新,模拟真实数据展示的效果。 条件逻辑(Conditions): 进阶交互设计离不开条件判断。我们将教您如何利用Axure RP8的条件逻辑功能,根据用户的特定操作或变量的值,触发不同的交互动作。这可以帮助您设计出更智能、更贴合用户行为的原型,例如根据用户输入的内容来改变按钮的可点击状态,或者根据用户选择的选项来显示不同的内容。 变量(Variables): 掌握变量的使用,是实现复杂交互的关键。您将学习如何创建局部变量和全局变量,用来存储用户输入、状态信息等数据。并通过变量与动作的结合,实现更精细化的交互控制,例如用户登录状态的记录、购物车商品数量的累加等。 页面嵌套与包含(Page Nesting & Include): 对于大型项目,合理的页面组织结构至关重要。我们将介绍如何利用页面嵌套和包含功能,将常用的页面元素或内容模块化,提高复用性和可维护性。 第三部分:高级技巧与实战应用——精益求精,应对挑战 在掌握了基础和核心交互功能后,第三部分将带您深入探索Axure RP8的高级技巧,并结合实际项目场景进行应用。 响应式设计(Responsive Design): 面对不同尺寸的屏幕(桌面、平板、手机),如何设计出能够自适应布局的原型?我们将讲解如何利用Axure RP8的自适应视图(Adaptive Views)功能,为不同屏幕尺寸创建独立的布局,确保您的原型在各种设备上都能获得良好的用户体验。 团队协作与注释: 在团队开发中,有效的沟通和协作至关重要。我们将介绍Axure RP8的团队项目功能,以及如何利用注释(Comments)功能,方便团队成员之间进行反馈、交流和标注。 原型预览与分享: 设计完成的原型需要清晰地呈现给客户或团队成员。您将学习如何生成高保真原型,并利用Axure RP8的发布功能,生成可交互的原型链接,方便在线预览和分享。 常用设计模式解析: 本部分还将结合实际案例,解析一些常见的UI设计模式,例如: 登录注册流程: 如何设计一套完整、用户友好的登录注册流程。 商品列表与详情: 如何展示商品信息,并实现流畅的列表与详情页切换。 购物车与订单流程: 如何设计用户添加商品、结算、提交订单等核心流程。 数据可视化图表: 演示如何使用Axure RP8的模拟数据功能,展示简单的图表和数据趋势。 性能优化与注意事项: 在设计复杂原型时,性能优化是一个不可忽视的问题。我们将提供一些关于如何保持原型流畅运行的建议和技巧。 从原型到落地: 本书也将会探讨,一个好的原型如何更有效地指导后续的开发工作,以及如何与开发团队进行清晰的沟通,确保设计理念得以完美实现。 本书特色 循序渐进的教学体系: 从基础知识到高级技巧,由浅入深,确保每一位读者都能扎实掌握。 丰富的实战案例: 大量贴近实际工作场景的案例,让您在实践中学习,在学习中提升。 详细的操作指导: 精准的截图和文字描述,清晰展示每一步操作,避免走弯路。 强调设计思维: 不仅仅是软件操作,更注重引导读者理解原型设计的核心理念和最佳实践。 针对Axure RP8的最新功能: 确保您学习到的知识与时俱进。 无论您是UI/UX设计师、产品经理、前端开发者,还是希望进入原型设计领域的新人,本书都将是您不可或缺的入门和进阶指南。通过阅读和实践本书的内容,您将能够自信地运用Axure RP8,将您的创意构想转化为高质量、高保真的可交互原型,为您的产品开发之路注入强大的动力。 让我们一起,用Axure RP8,开启您的原型设计精通之旅!