Axure RP 8.0中文版原型设计从入门到精通
定 价:89.8 元
- 作者:张志科
- 出版时间:2019/8/1
- ISBN:9787302523635
- 出 版 社:清华大学出版社
- 中图法分类:TP393.092.2
- 页码:
- 纸张:胶版纸
- 版次:
- 开本:16开
《Axure RP 8.0中文版原型设计从入门到精通》图文并茂,通过140个精美、实用的原型设计案例,详细介绍了Axure RP 8.0的使用方法和原型制作技巧。本书知识性、实用性和可操作性较强,案例选取上着眼于专业性和实用性,内容层面上涉及网站、手机端、微信及游戏等方面的制作,且每个案例都给出了案例描述、思路分析和操作步骤。读者一个个参照学习,即可快速掌握Axure 的设计精髓,解决实际工作应用中的诸多难题。
《Axure RP 8.0中文版原型设计从入门到精通》内容有以下三点特色。
1. 全案例,注重实战。140个热门、经典案例,丰富的设计素材,各个精彩。
2. 全干货,拿来可用。设计思路 设计步骤,流行案例大集萃。
3. 练中学,快速提升。在实践中领悟设计思维,在操作中掌握设计原则。
前 言
在现代企业中,尤其是互联网企业,无论企业规模大小,时间都意味着金钱。开发出的产品不符合最初的要求,不满足用户期待,会白白浪费大量的人力物力。所以决策者在将产品推向市场之前,都希望最大程度地了解最终的产品到底是什么样子的,但是又不能投入时间真正地做出一个真实的产品。所以,模型就成了最好的帮手。建筑行业中的设计图、汽车行业中的概念车、零售行业中小规模局部上市的一些实验商品,以及手机行业中的工程原型机,都是建
模的好例子。
本书就是要向大家介绍如何使用 Axure RP 8 软件制作移动互联网的网站原型。例如,如何制作一个微信联系人对话框,如何制作一个类似iOS 里面拖动的橡皮筋效果。本书通过140 个热门、经典、流行的具体应用案例,让读者熟悉整个建模的过程,从而利用Axure RP 8 这个神奇的工具,将自己的想法转化成可以向别人介绍的逼真的原型。然后通过这个原型,获得企业内部的资源支持或项目主导者的认可,讨论并确认需求,甚至获得潜在投资人的支持,把握一个机会。
如果你的原型就是用来跟你熟识的一些产品经理和工程师进行沟通交流,那么也许一个非常简单的用于示意的原型图就足够了。因为你们彼此了解,很多的沟通可以通过语言和默契来完成,甚至不需要原型。如果你的原型是用来跟上司提案用的,那么就要做得相对详细一些,尤其是涉及用户交互和流程的部分。要让他们清楚地了解,你的这个页面是做什么的,怎么用,如何展现每个细节。尤其是在产品立项或者阶段性审核的时候,原型做得越详细,证明准备得越充分,也就越容易面对质疑,最终获得认可。注意,细节决定成败这句话,其实应该是关键的细节决定成败,并非所有细节都要在模型阶段进行展现。
如果你的原型是给客户提案用的,那么这个时候在制作上就要尽可能的详细。因为你希望客户能够说一句:这就是我想要的,就照着这个去做就可以了。有了客户的确认,你才能放心地制作和开发,才不会在最后要面对客户的一句:这不是我们开始说的啊?既然客户是消费者,那么就一定要尽量让他们在开始阶段就了解自己买了什么东西。笔者强烈建议在进行互联网开发工作时,能够在合同之外附上客户确认过的高保真原型图,以给项目的最终审批
设定一个双方共同认可的标杆,避免损失和误解。
最后,最重要的一点,也是建议:如果你自己做原型时都觉得做得太过复杂,想不清楚,那么也就到了适可而止的时候了。毕竟,原型只是表达方式之一,你可以用文字、视频、面对面的交流、比喻、类比,甚至是采用与另外一个网站直接做对比的方式把你的想法阐述清楚。很多伟大的创意和想法不是用PPT 表达的,那么很多精彩的设计自然也可以不完全靠原型来展现。
为鼓励读者多思考,勤实践,本书部分案例只给出了案例描述和思路分析,而将详细的设计过程放在了资源包里。读者尽量先根据思路提示进行独立设计,然后再扫描图书封底二维码,下载学习资源包,参照其中的标准步骤进行学习,加深实践认知。
张志科,软通动力信息技术(集团)有限公司软件工程师,有丰富的实践经验,目前微博粉丝量数万。
目 录
第 1 部分 入门起点篇
第1 章进入角色 2
1.1 Axure RP 8 概述 2
1.2 Axure RP 8 安装与汉化 2
第2 章熟悉兵器 5
2.1 工作环境 5
2.2 交互设计 6
2.3 实用技巧 7
第2 部分 基础知识篇
第3 章直言不讳 12
3.1 网站注册界面12
3.2 用户登录界面17
3.3 找回密码 21
3.4 精美提交按钮27
3.5 文本框边框变色 32
3.6 带遮罩层的弹窗 36
3.7 邮箱格式验证41
3.8 验证手机号码46
3.9 账号登录验证46
3.10 自定义复选框 47
第4 章画龙点睛 48
4.1 添加文本链接48
4.2 导航栏鼠标悬停效果 52
4.3 单击切换密码可见性 54
4.4 重置文本框信息 57
4.5 表格搜索数据59
4.6 右键菜单66
4.7 全选与取消全选 69
4.8 输入手机号码自动分段 74
4.9 弹出框 74
4.10 输入验证码 75
第5 章滔滔不绝 76
5.1 文本超链接和页面跳转效果 76
5.2 唯一选中项 79
5.3 文本焦点效果 82
5.4 保持固定位置 86
5.5 拖动滑块设置数字 89
5.6 单击按钮控制数字增减效果 92
5.7 60s 倒计时获取验证码 95
5.8 单击显示/隐藏菜单效果 98
5.9 简单可扩展的全选效果 98
5.10 显示/隐藏二级菜单时一级菜单的颜色切换 99
第3 部分 进阶提高篇
第6 章再接再厉 102
6.1 地图点取坐标 102
6.2 放大/还原图像 108
6.3 页面载入进度条 113
6.4 信息提交加载效果 116
6.5 轮盘按钮 121
6.6 向上漂浮 129
6.7 表格添加/删除操作 133
6.8 滑动验证效果 133
6.9 表格分页 134
6.10 双向列表操作 134
第7 章个性拼比 136
7.1 单行选中变色 136
7.2 二维码扫描效果 139
7.3 制作产品列表 145
7.4 图片翻转 148
7.5 秒表计时器 151
7.6 模拟键盘输入 161
7.7 本地上传图片 168
7.8 嵌入自定义的百度地图 169
7.9 开关效果 169
7.10 环状运动 170
第8 章随心所欲 171
8.1 中心点逐渐放大效果171
8.2 图像放大效果 176
8.3 搜索引擎 185
8.4 锚点滚动效果 192
8.5 图片层叠滚动效果 196
8.6 水泡导航栏 199
8.7 环形进度条 202
8.8 二维码生成器 202
8.9 单选按钮和选项组效果 203
8.10 滑动鼠标页面自动切换203
第9 章永无止境 205
9.1 微博登录界面切换 205
9.2 QQ 个性签名 209
9.3 下画线伸缩效果214
9.4 弹球在区域内运动的效果 217
9.5 添加标签交互效果 224
9.6 时钟 228
9.7 点动画效果 232
9.8 商品列表中的购物车 233
9.9 跑马灯文字链 233
9.10 轨迹追踪与回放 234
第4 部分 核心技术篇
第10 章海阔天空236
10.1 京东商城首页banner 轮播效果 236
10.2 天猫标签切换效果 243
10.3 微信点赞效果 247
10.4 拖动排序 252
10.5 动漫书签 260
10.6 微博字数提示效果 264
10.7 搜狗搜索提示效果 268
10.8 拖动滑块改变透明度交互效果 269
10.9 豆瓣电影评分 269
10.10 图标菜单 270
第11 章天衣无缝271
11.1 导航顶部吸附效果 271
11.2 产品详情效果展示 276
11.3 选中复选框时文字添加到文本框 281
11.4 跳动的心 290
11.5 商品列表页筛选排序 296
11.6 产品分类 301
11.7 根据选择数量自动计算商品总金额 305
11.8 动态面板滑动效果.306
11.9 表格统计 306
11.10 下拉框省市二级联动 307
第12 章精益创新 308
12.1 计算器308
12.2 统计图314
12.3 获取当前时间 318
12.4 心理测试 324
12.5 键盘控制小人儿移动 338
12.6 照片墙341
12.7 手风琴菜单 347
12.8 人际沟通风格测试制作347
12.9 橱窗图片左右轮换 348
12.10 长按 3 秒显示图片 349
第 5 部分 高手终极篇
第13 章绚丽多彩352
13.1 分享到 QQ 空间 352
13.2 图片拖动定位 360
13.3 ios 单选按钮交互效果 363
13.4 通讯录字母导航 373
13.5 签到效果 377
13.6 搜索引擎 388
13.7 底部返回按钮效果 389
13.8 手机拨号效果 390
13.9 商城列表页页面布局 390
13.10 模块跟随鼠标移动方向滑动效果 391
第14 章趣味游戏392
14.1 九宫格拼图游戏 392
14.2 幸运大转盘399
14.3 掷骰子猜大小 405
14.4 抽奖赢金币416
14.5 石头剪刀布游戏 425
14.6 抓阄小游戏 435
14.7 记忆连连看游戏 436
14.8 随机双色球 437
14.9 眼睛跟随鼠标转动的小熊 437
14.10 飞扬的小鸟 438
第15 章天衣无缝 439
15.1 手机滑动删除效果 439
15.2 微信看一看下拉刷新 446
15.3 手机垂直划屏效果 458
15.4 手机多屏幕滑动 463
15.5 微信导航菜单 467
15.6 手机滑动解锁 470
15.7 微信启动闪屏效果.471
15.8 视频弹幕 472
15.9 手机聊天对话框 472
15.10 侧滑菜单 473