产品特色
编辑推荐
要做一名成功的用户体验设计师,我们必须要综合表达许多不同的信息,很多情况下这些信息设置是相互矛盾或冲突的。我们要熟悉业务流程,了解技术约束和用户体验对性能的影响,做用户研究和数据分析等。我们要在各种纷乱的条件和信息中找到至关重要的平衡,并创建可行用户体验,无论在何种设备何种系统上,都不能阻止我们探索和前进的脚步。由此可见,一款能够帮助我们构思、可视化设计、沟通、协作、注释和创建规范文档的专业用户体验设计工具是非常宝贵的。
Axure被许多人誉为全世界用户体验行业中常用的设计工具之一,因为该公司从未间断对用户体验的不断升级与追求,他们与广大用户体验设计师密切沟通,听取建议与意见,增加各种丰富的复杂的功能需求,并且不断证明这是能够帮助我们解决工作需求的正确工具。
《Axure RP7:网站和APP原型制作从入门到精通》将介绍Axure 所提供的丰富特性,你会更深刻地体验到Axure 如何在工作环节中满足你的需求。不过,请牢记:Axure只是一款工具,在工作中重要的元素正是你和你的思想。只有你驾驭Axure 之后才能将想法和这款工具发挥出价值。
● 覆盖全面 系统完整
涵盖了网页原型制作与APP原型制作的方方面面,全方位提升读者的实战能力。
● 经典案例 轻松易学
《Axure RP7:网站和APP原型制作从入门到精通》通过大量案例,详尽透彻地介绍了使用Axure制作原型所需的专业知识。
● 配套视频 自学无忧
精心制作了15个真实案例的视频,便于读者深入掌握知识要点和操作技巧。
内容简介
原型制作是在正式开始视觉设计或编码之前具成本效益的可用性跟踪手段。Axure RP7是行业中知名的原型设计工具之一。随着专业工具的出现,设计用户体验从未如此令人兴奋,设计原型也从未如此具有挑战性。
随着我国互联网行业迅猛发展,互联网公司中不同职位的界定愈发清晰,对员工的专业能力需求也愈发突出,熟练使用Axure也成为UX设计师甚至产品经理的先决条件。《Axure RP7:网站和APP原型制作从入门到精通》通过真实的案例和场景,循序渐进地帮助你将Axure集成到用户体验的工作流程中。
作者简介
金乌,毕业于北京邮电大学,移动平台UI、UE专家,专注于移动开发领域。精通iOS、Android、Windows Phone7的UI界面设计以及用户体验设计,曾参与多款大型手游的Android和iOS客户端UI设计及用户体验设计。
内页插图
精彩书评
根据用户需求创建产品原型是产品经理非常核心的一项工作,要快速、高效地完成这项工作, 选择一个好工具至关重要。作为目前业内使用广泛的快速原型设计工具,Axure 在专业性上有着其他工具难以比拟的优势。如果你想成为一名专业的产品经理,建议你通过这本书熟练掌握 Axure 这一利器,本书特有的视频教程也能让你的学习过程更加轻松、高效。
——《产品经理的20 堂必修课》作者 徐建极
产品经理大多都逃不过绘图这道关。如果不想让你的团队经常陷入充满歧义的文字游戏中,准确的“图纸”无疑是好的表达和展现形式,而Axure 正是制作图纸工具之一。本书详细讲解了Axure 软件的使用操作和技巧,深入浅出地例举了许多制作案例,图文结合,清楚易学,对于想学习绘制互联网产品原型的产品经理和开发人员来说,是一本不可多得的参考书。
—— 腾讯SNG 社交平台部高级产品经理 宁成功
目录
第1章
Axure基础交互
024 1.1 欢迎界面
024 1.1.1 Axure的文件格式
025 1.1.2 团队项目
025 1.1.3 工作环境
026 1.1.4 自定义工作区
026 1.2 站点地图
026 1.3 部件概述
027 1.3.1 部件详解
047 1.3.2 部件操作
051 1.3.3 页面样式
054 1.4 交互基础
055 1.4.1 事件(Events)
058 1.4.2 用例(Cases)
060 1.4.3 动作(Actions)
062 1.4.4 交互基础案例
066 1.5 总结
第2章
母版详解
068 2.1 母版基础
068 2.1.1 创建母版的两种方法
068 2.1.2 使用母版
069 2.1.3 母版的行为特性(Master Behaviors)
第3章
动态面板高级应用
074 3.1 动态面板事件
074 3.1.1 状态改变时(OnPanelStateChange)
074 3.1.2 拖动时(OnSwipe)
074 3.1.3 滚动时(OnScroll)
074 3.1.4 改变大小时(OnResize)
074 3.1.5 载入时(OnLoad)
075 3.2 拖放事件
075 3.3 动态面板案例
076 3.3.1 灯箱效果
078 3.3.2 自动图片轮播
第4章
流程图
080 4.1 流程图概述
080 4.2 创建流程图
080 4.2.1 流程图形状
081 4.2.2 连接模式
081 4.2.3 标记页面为流程图
081 4.2.4 连接线
082 4.3 添加参照页
082 4.4 生成流程图
课前准备知识
070 2.2 自定义事件
070 2.2.1 自定义事件概述
071 2.2.2 创建和使用自定义事件
071 2.3 母版使用案例
第5 章
自定义部件库
084 5.1 自定义部件库概述
084 5.2 加载和创建自定义部件库
085 5.2.1 添加注释和交互
085 5.2.2 组织部件库到文件夹
085 5.2.3 使用自定义样式
086 5.2.4 编辑自定义部件属性
086 5.2.5 保留角部
第7 章
团队项目
120 7.1 团队项目概述
122 7.2 创建团队项目
123 7.3 团队项目环境和本地副本
123 7.4 获取并打开已有团队项目
124 7.5 使用团队项目
第8 章
AxShare
130 8.1 Axshare 基础
130 8.1.1 Axshare 概述
131 8.2 AxShare 生成原型
131 8.2.1 上传原型到AxShare
132 8.2.2 管理项目
133 8.2.3 讨论
133 8.2.4 插件
134 8.2.5 漂亮URL
135 8.2.6 重定向
136 8.2.7 如何给原型添加域名
第6 章
高级交互
088 6.1 条件逻辑(Condition Logic)
088 6.1.1 条件逻辑概述
089 6.1.2 交互和条件逻辑
091 6.1.3 多条件用例
092 6.1.4 条件逻辑案例
096 6.2 设置部件值
097 6.2.1 设置文本(Set Text)
098 6.2.2 设置图像(Set Image)
099 6.2.3 设置选择/ 选中(Set Selected/Checked)
099 6.2.4 设置选定的列表项(Set Select List Option)
100 6.3 变量
100 6.3.1 变量概述
101 6.3.2 创建和设置变量值
101 6.3.3 在动作中设置变量值
103 6.3.4 使用变量值
108 6.4 函数(Functions)
108 6.4.1 函数列表
113 6.4.2 创建数学表达式
113 6.4.3 创建字符串表达式
114 6.5 案例
114 6.5.1 账单四舍五入
115 6.5.2 全局变量在不同页面间传递与动态面板交互
第9章
自适应视图
138 9.1 自适应视图概述
138 9.2 自适应设计与响应式设计
139 9.3 创建和设置自适应视图
139 9.4 编辑自适应视图
140 9.4.1 修改自适应视图
140 9.4.2 继承
141 9.4.3 改变样式怎样影响视图
141 9.4.4 在视图中添加或删除部件
141 9.4.5 未入选部件
142 9.4.6 添加未入选部件
142 9.4.7 完全删除部件
1429.4.8 自适应视图的局限性
142 9.5 案例:制作简单的自适应视图
第10章
中继器部件的高级应用
146 10.1 排序数据
146 10.1.1 新增排序(Add Sort )
146 10.1.2 移除排序(Remove Sort)
147 10.2 过滤数据
147 10.2.1 新增过滤器(Add Filter)
147 10.2.2 移除过滤器(Remove Filter)
148 10.3 分页
148 10.3.1 设置当前页(Set Current Page)
149 10.3.2 设置每页项数目(Set items per Page)
149 10.4 添加/移除中继器的项
149 10.4.1 添加行(Add Rows)到中继器数据集
150 10.4.2 标记行(Mark Rows )
150 10.4.3 取消标记行(Unmark Rows)
151 10.4.4 更新行(Update Rows)
152 10.4.5 删除行 (Delete Rows )
第11章
用户界面规范文档
154 11.1 规范文档概述
155 11.2 Axure规范文档
156 11.3 生成器和输出文件
157 11.4 部件注释 (Widget Notes)
157 11.4.1 自定义注释集合
158 11.4.2 添加注释
158 11.4.3 复制和清除注释
159 11.4.4 多部件添加、编辑、删除注释
159 11.5 页面注释(Page Notes)
159 11.5.1 自定义页面注释字段
159 11.5.2 页面注释和富文本
160 11.6 生成规范文档(规格说明书)
161 11.6.1 配置一个或多个部件表
161 11.6.2 配置布局
第12 章
APP 原型设计
164 12.1 概述
164 12.2 APP 原型模板
164 12.2.1 制作iPhone APP 原型模板
167 12.2.2 制作 Android APP 原型模板
168 12.3 制作简单的 APP 原型
168 12.3.1 可滚动内容
170 12.3.2 滑动幻灯
174 12.4 在移动设备中预览原型
174 在iPhone 中预览原型
177 12.5 APP 原型的尺寸设计
177 12.5.1 viewport 概述
177 12.5.2 CSS 中的px 与移动设备中的px
第13 章
综合案例
181 13.1 使用Axure 制作 im.qq.com 网页效果
181 13.1.1 顶部导航栏
195 13.1.2 首页幻灯轮播
203 13.1.3 图片移动
208 13.1.4 下载页面
218 13.2 大众点评网
218 13.2.1 大众点评首页全局导航
225 13.2.2 大众点评会员注册
238 13.3 网易云课堂
238 13.3.1 云课堂首页顶部菜单跟随效果
245 13.3.2 云课堂首页图片缩放效果
附录A
APP 原型尺寸速查表
附录B
Axure RP7 部件操作快捷键
光盘目录
01 新方法实现跳转回登录前页面
02 Gmail 进度条加载效果
03 使用Axure 制作数独解谜小游戏
04 雅虎首页全屏展开广告
05 淘宝网手机充值效果
06 大众点评网打分效果
07 百度搜索提示效果
08 跑马灯文字链
09 键盘触发快捷键效果
10 淘宝首页幻灯
11 凡客网的全局导航
12 新浪微博的图片与视频
13 欧美系视差效果
14 引用任意页面的任意部分和携程酒店地址选择
15 图片动态放大缩小
书籍案例课件
前言/序言
《Axure RP7:网站和APP原型制作从入门到精通》图书简介 一、 核心价值与目标读者 本书旨在为对网站和APP原型设计感兴趣的初学者及希望深入掌握Axure RP7高级技巧的进阶用户提供一套系统、详实、易于实践的教程。通过本书的学习,读者将能够熟练运用Axure RP7这一强大的原型设计工具,从零开始,逐步构建出高保真、可交互的网站和APP原型,有效沟通设计理念,降低开发成本,提升产品成功率。 本书的目标读者群广泛,包括但不限于: 网页设计师、UI/UX设计师: 无论您是初入设计行业,还是有一定经验的设计师,本书都能帮助您系统学习Axure RP7的核心功能,掌握原型设计流程,提升设计效率和作品质量。 产品经理: 熟练掌握Axure RP7,能让您更清晰、准确地传达产品需求,与设计和开发团队进行高效沟通,加速产品迭代。 交互设计师: 本书将深入讲解Axure RP7的交互逻辑构建,帮助您设计出用户体验流畅、交互生动的原型。 前端开发工程师: 理解原型设计流程,掌握Axure RP7的输出能力,能帮助您更好地理解设计稿,与设计师协同工作,提高开发效率。 学生和爱好者: 对网页设计、APP开发有浓厚兴趣,希望学习一门实用技能的学生或爱好者,本书将为您打开原型设计的大门。 二、 本书内容纲要与特色 本书内容结构清晰,从基础概念入手,循序渐进,最终达到精通级别。我们摒弃了枯燥的理论堆砌,而是以大量生动、实用的案例贯穿始终,让您在动手实践中学习和成长。 第一部分:Axure RP7入门基础 第一章:原型设计概览与Axure RP7初识 什么是原型设计?它为何如此重要? Axure RP7软件的安装与界面介绍:工作区、面板、工具栏等核心区域的详细解读。 创建您的第一个原型:从新建项目到基本页面布局。 理解Axure RP7的文档结构:页面、母版、主页等概念。 第二章:基础控件的运用与样式设置 常用控件详解:文本框、按钮、图片、形状、下拉列表等。 控件的属性面板:尺寸、位置、颜色、边框、阴影等通用属性设置。 文本样式与段落格式:字体、字号、颜色、对齐方式、行距等。 形状与线条的绘制与编辑:直线、矩形、圆形、多边形等,以及它们的填充与描边。 第三章:页面组织与导航设计 多页面的创建与管理:如何组织大型项目,建立清晰的页面层级。 页面之间的链接与跳转:实现简单的用户流程。 使用动态面板进行页面切换与内容展示。 全局导航栏的设计与复用:通过母版实现统一的导航体验。 第四章:Axure RP7的视图与布局工具 画布的缩放、平移与对齐:精细化布局的关键。 参考线与网格的运用:保证页面元素的整齐与一致。 页面视图与报告视图的切换与理解。 团队协作的基础:导出与导入项目文件。 第二部分:Axure RP7进阶技巧与交互设计 第五章:动态面板的深度应用 动态面板的状态管理:创建不同的内容视图。 动态面板的交互:点击、鼠标悬停、鼠标按下等触发器。 动态面板的动画效果:滑动、淡入淡出、放大缩小等,提升原型动感。 动态面板与中继器结合:实现列表、表格等动态数据的展示。 第六章:中继器(Repeater)的强大功能 理解中继器的工作原理:数据源与显示区域。 创建和编辑中继器的数据:手动输入、导入数据。 中继器中的交互设计:点击行、排序、过滤等。 实际案例:购物车列表、文章列表、商品展示等。 第七章:变量与条件表达式 Axure RP7中的变量类型:局部变量、全局变量、文本变量、数字变量等。 变量的赋值与修改:通过交互行为改变变量值。 条件表达式的应用:IF-THEN-ELSE逻辑,实现更复杂的交互。 案例分析:用户登录状态判断、表单验证、复杂导航逻辑。 第八章:函数与逻辑控制 常用函数介绍:字符串函数、数学函数、日期函数等。 使用函数构建动态内容和计算。 逻辑表达式的组合与应用:实现更精细化的交互控制。 深入理解Axure RP7的事件处理机制。 第九章:母版与主页的应用 母版的创建与编辑:全局组件的复用。 母版实例的覆盖与修改。 主页(Master Page)与页面模板的概念。 如何利用母版和主页提高设计效率和项目一致性。 第十章:表单设计与验证 常用表单控件的进阶应用:输入框、复选框、单选按钮、下拉列表、日期选择器。 表单元素的联动与校验。 使用变量和条件表达式实现客户端表单验证。 用户输入反馈与错误提示的设计。 第三部分:Axure RP7高级实践与项目实战 第十一章:Axure RP7与网页设计的融合 将Axure RP7原型转化为响应式设计。 栅格系统与响应式布局的模拟。 不同屏幕尺寸下的原型展示与适配。 模拟网页常见的交互效果:轮播图、Tab切换、悬停效果等。 第十二章:Axure RP7与APP原型设计 APP常用控件与交互模式的应用:导航栏、底部标签栏、弹窗、手势滑动。 APP导航逻辑与页面层级设计。 高保真APP原型制作:模拟真实APP的操作体验。 iOS和Android平台的设计规范参考。 第十三章:Axure RP7的项目管理与团队协作 项目文件的组织与命名规范。 Axure RP7的导出功能:HTML、Word报告、图片。 利用Axure Cloud进行原型分享与评审。 与开发团队的协作流程:需求传达、交互说明。 第十四章:案例分析与综合实战 案例一:电商网站首页原型设计 从需求分析到最终原型,详细演示整个过程。 重点讲解商品列表、搜索、筛选等模块的设计。 案例二:社交APP详细页面原型设计 涉及用户动态、个人主页、消息通知等功能。 突出APP特有的交互和动画设计。 案例三:后台管理系统原型设计 演示数据表格、图表、表单操作等后台常用设计。 强调效率和信息层级。 第十五章:Axure RP7的常见问题解答与技巧拓展 收集和解答读者在学习过程中可能遇到的典型问题。 分享一些鲜为人知但实用的Axure RP7技巧。 关于Axure RP7未来发展趋势的探讨。 三、 本书的独特优势 循序渐进的教学方法: 从基础概念到高级技巧,每一步都清晰明了,确保读者能够轻松跟上学习节奏。 海量实战案例: 覆盖网站和APP的多种应用场景,让学习内容紧密结合实际工作需求,学以致用。 深入浅出的讲解: 复杂的交互逻辑和技术概念,通过形象的比喻和直观的演示,化繁为简。 注重细节的指导: 每一个操作步骤、每一个参数设置都经过仔细考量,力求精准无误。 强调实践与输出: 鼓励读者动手练习,通过完成每一个章节的练习和案例,逐步构建自己的原型设计能力。 贴近实际工作流程: 不仅教授工具使用,更融入了原型设计的思维方式和团队协作的理念。 四、 学习本书,您将收获什么? 掌握Axure RP7的核心功能和高级技巧,成为一名熟练的原型设计师。 提升沟通效率, 能够用清晰、直观的原型向团队传达设计理念和产品需求。 降低产品开发风险, 在产品上线前发现并解决潜在的设计问题。 增强解决问题的能力, 面对复杂交互和设计挑战,能够游刃有余。 为您的职业生涯添砖加瓦, 获得一项在互联网行业备受青睐的实用技能。 五、 结语 Axure RP7以其强大的功能和灵活性,成为当前原型设计领域不可或缺的工具。本书凝聚了作者多年的实践经验和对Axure RP7的深入理解,希望能成为您在原型设计道路上最可靠的伙伴。无论您是初学者还是希望精进的用户,翻开本书,您将开启一段高效、愉快的原型设计之旅。让我们一起,用Axure RP7,将想法变为触手可及的现实!