第1 篇　 Axure 原型設計基礎篇
第1 章　走進Axure RP 7.0 ......................................................................2
1.1　關於原型設計 ........................................................................................................... 3
1.1.1　什麼是原型設計 ........................................................................................... 3
1.1.2　一些原型設計工具 ....................................................................................... 3
1.2　Axure RP 是什麼 ...................................................................................................... 4
1.2.1　Axure RP 能乾什麼 ...................................................................................... 4
1.2.2　為什麼使用Axure RP 進行設計 ................................................................. 4
1.3　Axure RP 7.0 使用第一步 ........................................................................................ 5
1.3.1　Axure RP 7.0 軟件安裝與漢化 ..................................................................... 5
1.3.2　認識Axure RP 7.0 的軟件界麵 .................................................................... 7
1.3.3　Axure RP 7.0 常用的工具欄 ......................................................................... 8
1.3.4　Axure RP 7.0 必須熟悉的快捷鍵 ............................................................... 14
1.3.5　Axure RP 7.0 與Axure RP 6.5 的比較 ....................................................... 14
1.4　實戰：登錄低保真原型製作 ................................................................................. 17
1.5　小結 ......................................................................................................................... 18
第2 章　Axure 站點地圖 .........................................................................19
2.1　關於站點地圖 ......................................................................................................... 20
2.1.1　什麼是站點地圖 ......................................................................................... 20
2.1.2　站點地圖的功能條 ..................................................................................... 21
原型設計大師 Axure RP網站與APP設計從入門到精通VIII
2.1.3　站點地圖的頁麵管理 ................................................................................. 21
2.2　實戰：一起動手來做一個“百度”的原型UI .................................................... 22
2.2.1　“百度”的頁麵規劃 ................................................................................... 22
2.2.2　增加頁麵 ..................................................................................................... 23
2.2.3　移動頁麵 ..................................................................................................... 25
2.2.4　刪除頁麵 ..................................................................................................... 26
2.2.5　生成流程圖 ................................................................................................. 27
2.3　小結 ......................................................................................................................... 28
第3 章　Axure 部件區域 .........................................................................29
3.1　綫框圖組件 ............................................................................................................. 30
3.1.1　 圖片組件 .................................................................................................... 30
3.1.2　 標題1 和標題2 組件 ................................................................................ 33
3.1.3　 標簽組件和文本組件 ................................................................................ 33
3.1.4　 矩形組件和占位符組件 ............................................................................ 34
3.1.5　 自定義形狀組件 ........................................................................................ 36
3.1.6　 水平綫組件和垂直綫組件 ........................................................................ 38
3.1.7　 圖像熱區組件 ............................................................................................ 38
3.1.8　 動態麵闆組件 ............................................................................................ 40
3.1.9　 內部框架組件 ............................................................................................ 49
3.1.10　中繼器組件 ............................................................................................... 53
3.1.11　文本框（單行）和文本框（多行）組件 ............................................... 58
3.1.12　下拉列錶框和列錶選擇框組件 ............................................................... 61
3.1.13　復選框、單選框和HTML 按鈕組件 ...................................................... 62
3.1.14　樹、錶格、菜單組件 ............................................................................... 63
3.2　流程圖組件 ............................................................................................................. 64
3.2.1　 流程圖組件介紹 ........................................................................................ 65
3.2.2　 繪製流程圖 ................................................................................................ 65
3.2.3　 輸齣流程圖 ................................................................................................ 67
3.3　裝載Axure 組件 ..................................................................................................... 68
3.3.1　 載入部件庫 ................................................................................................ 68
3.3.2　 製作自己的部件庫 .................................................................................... 69
3.4　實戰：“百度”登錄的原型設計 ........................................................................... 70
3.4.1　 分析“百度”登錄界麵 ............................................................................ 70
3.4.2　 製作“百度”登錄原型 ............................................................................ 71
3.5　小結 ......................................................................................................................... 78
第4 章　Axure 母版區域 .........................................................................79
4.1　關於母版區域 ......................................................................................................... 80
4.1.1　什麼是母版區域 ......................................................................................... 80
4.1.2　母版的功能條 ............................................................................................. 81
4.1.3　母版的使用 ................................................................................................. 82
4.2　實戰：“12306 火車購票網站”母版原型設計 .................................................... 86
4.2.1　建立站點地圖 ............................................................................................. 86
4.2.2　建立母版頁麵 ............................................................................................. 86
4.3　小結 ......................................................................................................................... 93
第5 章　Axure 中的變量 .........................................................................94
5.1　全局、局部變量的使用 ......................................................................................... 95
5.2　內置變量介紹 ....................................................................................................... 100
5.3　變量值在頁麵間傳遞 ........................................................................................... 104
5.4　變量的使用場景 .................................................................................................. 108
5.5　實戰：加減乘除運算 ........................................................................................... 108
5.6　小結 ....................................................................................................................... 113
第6 章　Axure 交互、樣式、注釋 .........................................................114
6.1　觸發事件 ............................................................................................................... 115
6.2　交互條件 ............................................................................................................... 116
6.2.1　新建、刪除條件和條件之間關係 ........................................................... 117
6.2.2　條件設置 ................................................................................................... 117
6.2.3　交互條件應用 ........................................................................................... 118
6.3　交互行為 ............................................................................................................... 122
6.3.1　鏈接：切換用戶UI .................................................................................. 122
6.3.2　部件：部件效果介紹 ............................................................................... 136
6.3.3　動態麵闆深入使用 ................................................................................... 155
6.3.4　中繼器：動態操作數據 ........................................................................... 160
6.4　Axure 樣式設置 .................................................................................................... 191
6.5　Axure 注釋說明 .................................................................................................... 192
6.6　實戰：“百度”登錄的交互設計 ......................................................................... 193
6.7　小結 ....................................................................................................................... 205
第7 章　項目共享協作及Axure 使用技巧 .............................................206
7.1　項目如何共享協作 ............................................................................................... 207
7.2　獲取共享項目 ....................................................................................................... 208
原型設計大師 Axure RP網站與APP設計從入門到精通X
7.3　編輯共享項目 ....................................................................................................... 209
7.4　使用技巧 ............................................................................................................... 210
7.4.1　定時備份與恢復 ....................................................................................... 210
7.4.2　製作按鈕圖標 ........................................................................................... 211
7.4.3　解決chrome 瀏覽器生成原型的問題 ..................................................... 211
7.4.4　Axure 生成的原型文件自動隱藏Sitemap 和Page Notes ...................... 211
7.5　小結 ....................................................................................................................... 212
第2 篇　 Axure 原型設計實戰篇
第8 章　門戶原型設計：“關於百度”高保真原型 .................................214
8.1　需求描述 ............................................................................................................... 215
8.2　設計思路 ............................................................................................................... 215
8.3　準備工作 ............................................................................................................... 215
8.4　實現原型製作 ....................................................................................................... 216
8.4.1　建立閤適的網站結構地圖 ....................................................................... 216
8.4.2　製作導航菜單母版效果 ........................................................................... 217
8.4.3　製作網站Logo 和尾部信息母版 ............................................................. 235
8.4.4　製作搜索框母版 ....................................................................................... 236
8.4.5　將母版信息引用到頁麵上 ....................................................................... 238
8.4.6　插入頁麵內容 ........................................................................................... 241
8.4.7　設置導航菜單的背景圖 ........................................................................... 244
8.4.8　發布原型 ................................................................................................... 248
8.5　關鍵技術講解 ....................................................................................................... 249
8.6　小結 ....................................................................................................................... 249
第9 章　電商原型設計：“天貓商城” 高保真原型 .................................250
9.1　需求描述 ............................................................................................................... 251
9.2　設計思路 ............................................................................................................... 251
9.3　準備工作 ............................................................................................................... 252
9.4　實現原型製作 ....................................................................................................... 252
9.4.1　登錄功能實現 ........................................................................................... 252
9.4.2　首頁基本布局 ........................................................................................... 257
9.4.3　製作菜單手風琴效果 ............................................................................... 258
9.4.4　製作幻燈片輪播效果 ............................................................................... 262
9.4.5　製作搜索欄隨滾動條上下滾動效果 ....................................................... 268
9.5　關鍵技術講解 ....................................................................................................... 271
9.6　小結 ....................................................................................................................... 271
第10 章　APP 原型設計：“微信”高保真原型 .....................................272
10.1　需求描述 ............................................................................................................. 273
10.2　設計思路 ............................................................................................................. 273
10.3　準備工作 ............................................................................................................. 273
10.4　實現原型製作 ..................................................................................................... 274
10.4.1　微信登錄功能 ......................................................................................... 274
10.4.2　軟件進入動畫效果 ................................................................................. 278
10.4.3　導航菜單切換效果 ................................................................................. 281
10.4.4　給好友發送聊天內容 ............................................................................. 288
10.4.5　上下拖動微信頁麵內容 ......................................................................... 294
10.4.6　顯示/ 隱藏“+”按鈕的下拉菜單 ........................................................ 297
10.5　關鍵技術講解 ..................................................................................................... 299
10.6　小結 ..................................................................................................................... 300
第11 章　國外網站原型設計：“費利剋斯航空網站”高保真原型 .........301
11.1　需求描述 ............................................................................................................. 302
11.2　設計思路 ............................................................................................................. 302
11.3　準備工作 ............................................................................................................. 302
11.4　實現原型製作 ..................................................................................................... 303
11.4.1　頁麵布局 ................................................................................................. 303
11.4.2　導航菜單製作 ......................................................................................... 307
11.4.3　訂票區域設計 ......................................................................................... 313
11.4.4　跑馬燈效果製作 ..................................................................................... 319
11.4.5　幻燈片輪播效果製作 ............................................................................. 323
11.5　關鍵技術講解 ..................................................................................................... 331
11.6　小結 ..................................................................................................................... 332
第12 章　郵箱原型設計：“QQ 郵箱”低保真原型 ...............................333
12.1　需求描述 ............................................................................................................. 334
12.2　設計思路 ............................................................................................................. 334
12.3　實現原型製作 ..................................................................................................... 334
12.3.1　首頁頁麵布局 ......................................................................................... 334
12.3.2　首頁頂部信息設計 ................................................................................. 336
12.3.3　導航菜單設計 ......................................................................................... 343
12.3.4　未讀郵件提示區域 ................................................................................. 347
12.3.5　寫信插入地圖區域 ................................................................................. 348
12.3.6　郵箱推薦區域 ......................................................................................... 349
12.3.7　消息區域 ................................................................................................. 351
12.3.8　郵箱版本及版權區域 ............................................................................. 355
12.4　關鍵技術講解 ..................................................................................................... 356
12.5　小結 ..................................................................................................................... 356
第13 章　原創原型設計：“圖書管理係統”低保真原型 .......................357
13.1　需求描述 ............................................................................................................. 358
13.2　設計思路 ............................................................................................................. 358
13.3　準備工作 ............................................................................................................. 358
13.4　實現用戶界麵功能 ............................................................................................. 359
13.4.1　建立站點地圖欄目結構 ......................................................................... 359
13.4.2　登錄界麵設計 ......................................................................................... 359
13.4.3　製作導航菜單母版 ................................................................................. 362
13.4.4　首頁模塊設計 ......................................................................................... 370
13.4.5　用戶管理模塊設計 ................................................................................. 373
13.4.6　藉書管理模塊設計 ................................................................................. 377
13.4.7　圖書管理模塊設計 ................................................................................. 381
13.4.8　統計分析模塊設計 ................................................................................. 383
13.5　關鍵技術講解 ..................................................................................................... 387
13.6　小結 ..................................................................................................................... 388
· · · · · · (收起)