网站蓝图 Axure RP高保真网页原型制作PDF|Epub|txt|kindle电子书版本网盘下载

网站蓝图 Axure RP高保真网页原型制作PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

PART 1 基础部分3

第1章 关于Axure RP3

1.1 Axure公司的故事3

1.2装修与Axure3

1.3爱上Axure RP的十大理由4

1.4 Axure RP的特色功能6

1.4.1概念图+设计（Sketch+Design）6

1.4.2互动8

1.4.3文档9

1.4.4合作10

1.5 Axure RP与其他原型工具的比较10

第2章 原型和高保真原型的比较11

2.1什么是原型11

2.2高保真原型12

2.3为什么要制作高保真网站原型13

2.4人人都爱高保真原型15

2.5谁来制作高保真原型18

2.6高保真原型的更新19

2.7开始之前20

第3章AxureRP软件使用概述21

3.1 AxureRP软件安装与界面21

3.2工具栏区域（Toolbox）21

3.3站点地图区域（Sitemap）23

3.4部件区域（Widgets）24

3.4.1线框图部件库24

3.4.2部件的属性28

3.5主部件区域（Masters）30

3.6页面区域（Pages ）30

3.7页面设置区域（Page Notes/Interactions/ Formattings）32

3.8部件属性区域（Widget Properties）33

3.9动态面板管理区域（Dynamic Panel Manager）34

第4章AxureRP基础操作与技巧35

4.1为部件添加事件35

4.2为页面添加事件42

4.3从Photoshop到Axure RP42

4.4在Axure RP中使用Flash47

4.5背景覆盖法49

4.6拖曳部件50

4.7坐标51

4.8尺寸51

4.9设置变量值52

4.10生成原型并在浏览器中查看55

4.11 Snag It用简介57

PART2 案例部分61

案例1雅虎首页幻灯61

步骤1创建新项目62

步骤2制作广告动态面板62

步骤3制作Thumbnail区域63

步骤4滑动切换64

总结66

案例2分享到新浪微博67

步骤1创建新项目68

步骤2添加分享按钮68

步骤3制作新浪分享接口页69

步骤4添加登录动态面板69

步骤5添加分享按钮动作70

步骤6为Login面板添加事件70

步骤7分享成功页面71

步骤8倒计时3秒72

总结73

案例3 Gmail的进度条75

步骤1制作进度条75

步骤2制作覆盖物76

步骤3移动覆盖物76

步骤4登录页和邮箱页76

步骤5更改Axure RP的默认打开页面78

总结78

案例4新浪富媒体广告示意79

步骤1准备页面背景81

步骤2添加必胜客的Flash广告81

步骤3调整Flash广告的尺寸81

步骤4关闭Flash广告82

步骤5 Flash广告的侧边栏82

步骤6 Flash广告自动关闭83

总结84

案例5 icast广告85

步骤1创建页面背景86

步骤2添加Flash广告86

步骤3自动关闭广告86

总结86

案例6雅虎首页全屏展开的广告87

步骤1准备广告动态面板88

步骤2准备背景页面88

步骤3自动关闭广告89

总结90

案例7淘宝首页导航鼠标悬停效果91

步骤1准备背景图92

步骤2制作导航菜单92

步骤3另外一种方式93

步骤4进一步的可能性94

总结94

案例8淘宝商城的全局导航95

步骤1准备A区的动态面板97

步骤2准备B区的动态面板97

步骤3为面板添加事件98

步骤4添加文字链98

步骤5取巧的响应区域99

步骤6更多的动态面板101

步骤7更多动态面板103

总结104

案例9点评网的打分效果105

步骤1准备星星的图片106

步骤2准备动态面板的状态107

步骤3让“星星闪亮”107

步骤4打分完成后显示分数107

步骤5满天都是小星星108

步骤6 Baby One More Time109

总结110

案例10谷歌搜索提示效果111

步骤1准备背景112

步骤2准备搜索框112

步骤3准备提示框113

步骤4处理tips动态面板的状态113

步骤5其他的关键词114

步骤6让搜索提示出现115

步骤7让页面完整116

总结117

案例11自己设计网页播放器119

步骤1搭建舞台背景120

步骤2播放和暂停按钮121

步骤3音量调节按钮121

步骤4播放进度条122

总结124

案例12凡客首页的跑马灯文字链125

步骤1准备页面元素129

步骤2编辑舞台面板129

步骤3为文字链添加链接131

步骤4无限循环132

步骤5开始无限循环135

总结136

案例13促销的倒计时牌137

步骤1时·分·秒·百分之一秒137

步骤2无限循环137

步骤3 OnMove函数139

步骤4初始化变量140

总结140

案例14制作PPT（提案）141

步骤1制作背景142

步骤2将背景制作为主部件（Masters）142

步骤3制作第一张幻灯片143

步骤4 Raise Event事件143

步骤5其他幻灯片144

步骤6将项目放在公司网站上145

步骤7简单加密146

总结147

案例15淘宝商城首页幻灯效果149

步骤1搭建幻灯片150

步骤2搭建幻灯片的页码部分150

步骤3 timer面板的无限循环151

总结154

案例16新浪微博的图片和视频155

步骤1搭建背景156

步骤2第一条微博156

步骤3第二条有图有视频的微博157

步骤4为Blog2添加图片和视频158

步骤5添加事件159

步骤6亲！您有新的微博160

步骤7新微博的显示161

总结162

案例17制作iPhone交互效果163

步骤1自制iPhone 4的部件库164

步骤2添加iPhone 4的按钮部件165

步骤3滑动开关166

步骤4弹出的通知窗口167

步骤5制作Tab按钮168

步骤6其他部件168

步骤7 iPhone 4的图片应用169

总结171

案例18引用任意页面的任意部分173

步骤1火车票搜索175

步骤2机票搜索176

步骤3酒店搜索177

步骤4其他部分178

总结178

案例19通用登录注册第一部分179

步骤1完成表单的布局180

步骤2输入框的边框变化181

步骤3让边框跟随鼠标变化182

步骤4添加其他输入框的提示183

总结184

案例20通用登录注册第二部分185

步骤1准备验证Email输入185

步骤2验证Email输入186

步骤3验证密码188

步骤4再次验证密码190

步骤5处理验证码192

总结193

案例21 Apple首页的滑动搜索框195

步骤1准备背景图片196

步骤2准备项目197

步骤3滑动模块198

步骤4让搜索框变大200

步骤5让搜索框变小200

总结202

案例22优衣库淘宝商城购物车203

步骤1创建商品图片204

步骤2选择产品颜色205

步骤3选择尺码207

步骤4加入购物车207

步骤5搭建购物车208

步骤6购物车面板的显示和关闭211

步骤7查看购物车213

总结216

案例23 Looklet的真人试衣间217

步骤1准备模特219

步骤2第一件上装219

步骤3第二件上装220

步骤4第一件下装221

步骤5脱衣服222

总结223

案例24游戏”大家来找茬”225

步骤1主界面226

步骤2关卡1226

步骤3显示当前关卡数228

步骤4 挑选关卡228

步骤5一个关键的地方229

步骤6倒计时230

步骤7失败了231

步骤8一关接一关的玩234

步骤9解决几个Bug236

总结238

PART3 综合案例241

综合案例1电商网站241

1需求描述241

2线框图242

3购物流程（略，请参考素材）251

4设计图252

5高保真线框图253

6试衣间268

7结账页面步骤1269

8结账页面步骤2276

9结账页面步骤3278

10结账页面步骤4279

总结279

综合案例2促销专题——迅速制作精美的促销专题281

需求描述281

步骤1：功能区域283

步骤2：Logo和搜索框285

步骤3：导航条286

步骤4：幻灯区域287

步骤5：品牌、活动推荐区域292

步骤6：分类商品区域293

步骤7：页脚293

总结294

外篇 最简单的专题制作方法295

图片堆砌法295

直接切图法296

综合案例3臭美——iphone App299

需求描述299

需求分析301

高保真线框图301

首页Homepage303

登录页面login303

我的臭美日记My beauty dairy305

查看附近nearby homepage list view307

查看附近热门排附neaby hottest310

我关注的人friend feed311

图详情页single image and flag313

转评分享rt nd share313

Ta的信息heraccount313

拍照页面take photo homepage315

设置页面setting pages316

每日拍照闹钟提醒317

总结317

综合案例4没够网——影响力社交团购平台319

需求描述319

需求分析320

高保真线框图320

幻灯区域321

当前登录用户的信息322

好友动态323

最近被我影响的325

Footer325

总结325

综合案例5 Morework——同行同事在线交流平台327

项目描述327

需求描述327

需求分析328

高保真线框图332

事儿”页面single post335

人的页面335

发新事儿儿336

注册页面register339

我的人脉圈340

登录页面341

我的公司341

总结341