Axure RP 6原型設(shè)計(jì)精髓

推薦序 1
前言 3
第1章  原型基礎(chǔ) 7
1.1  UX原型藝術(shù) 10
1.1.1  交互式原型 11
1.2  原型要素清單 13
1.2.1  項(xiàng)目類型 13
簡單網(wǎng)站 14
Web應(yīng)用程序和門戶網(wǎng)站 14
移動(dòng)應(yīng)用程序 15
啟發(fā)式評估 16
用戶驗(yàn)證 16
1.2.2  交付物：原型和規(guī)格文檔 17
1.3  平衡的藝術(shù)：利益相關(guān)者怎么說 19
1.3.1  業(yè)務(wù)利益相關(guān)者 19
管理人員 20
業(yè)務(wù)流程架構(gòu)師 21
1.3.2  項(xiàng)目經(jīng)理 25
1.3.3  視覺設(shè)計(jì) 27
1.3.4  開發(fā)人員 30
1.4  UX相關(guān)人員怎么說 32
1.4.1  UX從業(yè)者的觀點(diǎn) 33
1.4.2  UX團(tuán)隊(duì)領(lǐng)導(dǎo)的觀點(diǎn) 35
面臨的挑戰(zhàn) 35
團(tuán)隊(duì)架構(gòu) 35
項(xiàng)目過程 35
項(xiàng)目后續(xù)過程 36
Axure的優(yōu)勢 36
Axure的劣勢 37
Axure在大型項(xiàng)目中的使用建議 38
1.5  Axure在世界各地 38
1.6  Axure公司的觀點(diǎn) 40
1.7  總結(jié) 42
第2章  初識(shí)Axure 43
2.1  入門 44
2.1.1  同時(shí)打開多個(gè)Axure文件 45
2.2  Axure工作區(qū) 46
2.2.1  自定義工作區(qū) 48
2.3  站點(diǎn)地圖區(qū) 49
2.3.1  線框圖頁面 52
2.3.2  流程圖頁面 52
2.4  頁面屬性區(qū) 54
2.4.1  頁面注釋 55
管理注釋 56
2.4.2  頁面交互 57
2.4.3  頁面樣式 57
草圖風(fēng)格 57
2.5  控件區(qū) 58
2.5.1  線框圖控件 59
2.5.2  流程圖控件 60
2.5.3  自定義控件 61
2.5.4  第三方控件 62
2.6  控件屬性區(qū) 63
2.6.1  控件注釋 63
注釋字段 65
注釋視圖 66
2.6.2  控件交互 67
交互 68
事件 70
情景 70
動(dòng)作 72
2.6.3  樣式頁簽 73
位置和尺寸 75
字體 76
對齊和間距 77
樣式 78
排列對齊 80
填充、線條和邊框 80
2.7  線框圖編輯區(qū) 81
2.7.1  網(wǎng)格和參考線 83
2.8  模板區(qū) 86
2.8.1  模板行為 88
普通 89
作為背景 90
自定義控件 91
2.8.2  模板使用報(bào)告 94
2.9  動(dòng)態(tài)面板管理區(qū) 95
2.10  工具欄和菜單欄 99
2.11  Axure文件格式 101
2.11.1  .RP文件格式 101
2.11.2  .RPPRJ文件格式 103
2.12  總結(jié) 104
第3章  Axure快速入門 105
3.1  原型設(shè)計(jì)原則 106
3.2  Alexandria數(shù)字圖書館 106
3.3  三十分鐘快速入門 107
3.3.1  初始需求和用例 109
3.3.2  用例圖頁面 110
3.3.3  保存項(xiàng)目文件 114
3.3.4  第一個(gè)線框圖頁面 115
3.3.5  任務(wù)流程圖頁面 116
瀏覽流程圖 117
搜索流程圖 118
3.3.6  用例鏈接到流程圖 119
3.3.7  生成HTML原型 120
3.4  開始使用模板和動(dòng)態(tài)面板 123
3.4.1  第一個(gè)線框圖 123
快速且粗糙的方法 123
快速但結(jié)構(gòu)化的方法 124
3.4.2  第一個(gè)模板：導(dǎo)航系統(tǒng) 125
全局導(dǎo)航欄 127
次級導(dǎo)航欄 132
3.4.3  第一個(gè)動(dòng)態(tài)面板 135
為動(dòng)態(tài)面板添加狀態(tài) 137
3.5  添加視覺效果 142
3.6  添加草圖效果 145
3.7  修改任務(wù)流程圖 145
3.8  從業(yè)者的實(shí)踐——移動(dòng)設(shè)備Axure原型設(shè)計(jì) 146
3.8.1  移動(dòng)友好（Mobile-friendly）Web網(wǎng)站和移動(dòng)Apps 146
不同的設(shè)備分辨率和寬高比 147
使用Viewport標(biāo)簽 148
使用一個(gè)全屏瀏覽器 149
橫向和縱向頁面版本 150
事件和手勢的兼容性 150
瀏覽器的局限性 152
使用控件庫 153
在移動(dòng)設(shè)備上加載原型 153
3.9  總結(jié) 154
第4章  初級交互 155
4.1  交互簡史 155
4.1.1  20世紀(jì)50—60年代 156
4.1.2  20世紀(jì)70—80年代 156
4.1.3  20世紀(jì)90年代和21世紀(jì)初 158
4.1.4  現(xiàn)在、未來和Axure交互 160
4.2  Axure交互 161
4.3  示例 161
4.3.1  第1步：使用簡單詞語定義交互 162
4.3.2  第2步：Axure交互界面 162
4.3.3  第3步：將需求轉(zhuǎn)變成Axure交互 164
4.3.4  第4步：為交互添加注釋（可選） 165
4.4  Axure事件 166
4.4.1  頁面加載事件 166
4.4.2  示例：更改默認(rèn)的著陸頁 167
4.4.3  模擬上下文導(dǎo)航 168
OnPageLoad事件和動(dòng)態(tài)面板 172
OnPageLoad事件詳解 174
4.5  用戶觸發(fā)事件 175
4.5.1  分步示例：登錄 175
4.5.2  創(chuàng)建線框圖 177
添加交互 179
編排動(dòng)作 184
控件、事件和相互關(guān)聯(lián) 185
控件事件詳解 186
4.6  Axure情景 187
4.6.1  分步示例：結(jié)構(gòu)和交互 188
第1部分：調(diào)整線框圖結(jié)構(gòu) 188
第2部分：添加交互 193
Axure動(dòng)作 196
4.6.2  鏈接動(dòng)作 197
4.6.3  動(dòng)態(tài)面板動(dòng)作 197
4.6.4  控件和變量動(dòng)作 197
4.6.5  其他動(dòng)作 198
4.7  總結(jié) 198
第5章  高級交互 199
5.1  條件 200
5.1.1  如果-則-否則 200
5.1.2  分步示例：條件和動(dòng)態(tài)面板 201
第1步：定義交互 201
第2步：創(chuàng)建線框圖 202
第3步：設(shè)置第一個(gè)條件 203
第4步：添加第一個(gè)交互 204
第5步：完成整個(gè)交互 205
5.2  條件編輯器 208
5.2.1  分步示例：多重條件 210
第1步：定義交互 210
第2步：創(chuàng)建線框圖 212
第3步：交互調(diào)整 214
第4步：計(jì)算多重條件 215
第5步：完成整個(gè)條件語句 217
5.3  處理?xiàng)l件異常 219
5.4  觸發(fā)事件 219
5.4.1  示例 220
第1步：在模板上創(chuàng)建觸發(fā)事件 221
第2步：為觸發(fā)事件添加交互 226
5.4.2  模板嵌套：擴(kuò)散觸發(fā)事件 228
5.5  變量 231
5.5.1  示例：基于變量創(chuàng)建不同用戶體驗(yàn) 232
第1步：定義交互 232
第2步：構(gòu)建方法：動(dòng)態(tài)面板還是頁面 233
第3步：調(diào)整已有條件 234
第4步：變量和動(dòng)作順序 237
第5步（a）：設(shè)置變量（及可能存在的問題） 238
第5步（b）：設(shè)置和初始化變量 241
第6步：依據(jù)變量值判斷使用哪種情景 244
5.6  變量類型 246
5.6.1  全局變量 247
Axure內(nèi)置的全局變量 247
自定義的全局變量 247
5.6.2  特殊變量 247
5.6.3  使用示例 248
5.6.4  局部變量和函數(shù) 249
5.7  函數(shù)  249
5.8  變量的命名 250
5.9  變量在可用性測試中的作用 251
5.9.1  分步示例——上下文相關(guān)的可用性測試 252
5.10  使用變量的利與弊 254
5.11  專家的方法技巧 255
5.11.1  隱藏和顯示列表元素（Jeff Harrison提供） 255
創(chuàng)建步驟 256
第1步：創(chuàng)建行模板 256
第2步：把行移到一起 257
第3步：依照需求進(jìn)行重復(fù) 258
第4步：增加控件 259
5.11.2  鍵盤快捷鍵（Loren Baxter提供） 261
高級交互 261
詳細(xì)步驟 262
注意 263
5.11.3  Axure竅門（Fred Beecher提供） 263
竅門1：調(diào)試你的邏輯 263
竅門2：在頁面之間傳遞變量的值 263
竅門3：隱藏鏈接來清除變量 264
竅門4：文本輸入框偽裝成文本區(qū)控件 264
5.12  總結(jié) 264
第6章  控件庫 267
6.1  Axure的內(nèi)置控件庫 270
6.2  Axure社區(qū)里的控件庫 272
6.3  自己的控件庫 274
6.3.1  分步示例：使用控件庫進(jìn)行原型設(shè)計(jì) 274
第1步：創(chuàng)建庫文件 274
第2步：創(chuàng)建自定義控件 277
第3步：在項(xiàng)目文件中刷新庫 278
6.4  把控件庫擴(kuò)展為設(shè)計(jì)模式 279
6.4.1  示例1：確認(rèn)/警告框控件 279
第1步：定義模式 279
第2步：創(chuàng)建控件 281
6.4.2  示例2：增量搜索控件（智能搜索提示） 282
第1步：定義模式 282
第2步：創(chuàng)建控件 284
第3步：創(chuàng)建交互 285
6.5  管理控件庫 286
6.6  使用內(nèi)部模板還是外部控件庫 287
6.6.1  使用RPLIB 288
6.6.2  在RP或RPPRJ文件中使用模板 289
6.7  實(shí)踐者的觀點(diǎn) 289
6.7.1  為什么要做控件庫 290
6.7.2  像素完美的圖標(biāo) 290
6.7.3  清晰的控件名稱和提示信息 291
6.8  總結(jié) 292
第7章  管理原型變化 293
7.1  從愿景到現(xiàn)實(shí) 294
7.2  瞄準(zhǔn)期望 294
7.2.1  UX和軟件開發(fā)模式 295
瀑布開發(fā)模式 296
敏捷開發(fā)模式 297
7.3  評估Axure工作 298
7.3.1  計(jì)算你的時(shí)間 300
7.3.2  對準(zhǔn)期望 301

7.4  從概念到詳細(xì)設(shè)計(jì)的過渡 302
7.4.1  從概念模式開始 303
7.4.2  從草圖模式開始 303
7.5  基礎(chǔ)和支架 304
確定線框圖寬度 304
參考線（柵格） 306
網(wǎng)格 308
7.5.1  頁面樣板 309
頁面樣式編輯器 310
7.6  控件樣式編輯器 314
7.6.1  默認(rèn)控件樣式 315
7.7  格式刷 316
7.8  項(xiàng)目樣式指南和CSS的集成 319
7.8.1  樣式指南 319
7.9  同步或不同步 328
使用已有視覺設(shè)計(jì)進(jìn)行原型設(shè)計(jì) 329
7.10  總結(jié) 331
第8章  UX規(guī)格文檔 333
8.1  與開發(fā)團(tuán)隊(duì)協(xié)作 336
8.1.1  找準(zhǔn)期望 338
8.2  捕獲UI規(guī)格 339
8.2.1  全局UI規(guī)格文檔 339
8.2.2  生成器：規(guī)格文檔和原型 341
8.2.3  定制規(guī)格文檔生成器 343
8.2.4  頁面注釋 344
一個(gè)注釋字段 vs 多個(gè)注釋字段 346
8.2.5  注釋字段 347
8.2.6  注釋視圖 351
8.3  生成規(guī)格文檔 353
8.3.1  常用設(shè)置 354
8.3.2  Pages（頁面）設(shè)置 355
8.3.3  模板設(shè)置 356
8.3.4  頁面屬性設(shè)置 360
8.3.5  截圖設(shè)置 362
8.3.6  控件屬性設(shè)置 365
8.3.7  文檔布局設(shè)置 368
8.3.8  Word模板設(shè)置 369
8.4  總結(jié) 370
第9章  協(xié)同設(shè)計(jì) 373
9.1  共享項(xiàng)目 375
9.1.1  環(huán)境 375
9.1.2  簽出和簽入狀態(tài) 376
9.1.3  建立一個(gè)共享倉庫 377
9.1.4  從一個(gè)共享倉庫進(jìn)行加載 382
9.1.5  共享菜單 384
創(chuàng)建和加載 384
更新整個(gè)原型 385
更新單個(gè)頁面或模板 386
管理共享項(xiàng)目 386
瀏覽共享項(xiàng)目歷史 388
重新指向被移動(dòng)的共享目錄 391
清理本地副本 392
9.2  UX團(tuán)隊(duì)的Axure最佳實(shí)踐 393
9.2.1  UX團(tuán)隊(duì)的屬性 393
9.3  反饋意見 396
9.3.1  托管于AxShare的討論功能 397
9.3.2  不托管在AxShare的討論功能 401
第1步：打開網(wǎng)頁AxShare.com 402
第2步：打開Axure 402
第3步：打開瀏覽器 403
9.4  總結(jié) 403
索引 405