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
簡(jiǎn)單網(wǎng)站 14
Web應(yīng)用程序和門戶網(wǎng)站 14
移動(dòng)應(yīng)用程序 15
啟發(fā)式評(píng)估 16
用戶驗(yàn)證 16
1.2.2  交付物：原型和規(guī)格文檔 17
1.3  平衡的藝術(shù)：利益相關(guān)者怎么說(shuō) 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  視覺(jué)設(shè)計(jì) 27
1.3.4  開(kāi)發(fā)人員 30
1.4  UX相關(guān)人員怎么說(shuō) 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)目過(guò)程 35
項(xiàng)目后續(xù)過(guò)程 36
Axure的優(yōu)勢(shì) 36
Axure的劣勢(shì) 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í)打開(kāi)多個(gè)Axure文件 45
2.2  Axure工作區(qū) 46
2.2.1  自定義工作區(qū) 48
2.3  站點(diǎn)地圖區(qū) 49
2.3.1  線框圖頁(yè)面 52
2.3.2  流程圖頁(yè)面 52
2.4  頁(yè)面屬性區(qū) 54
2.4.1  頁(yè)面注釋 55
管理注釋 56
2.4.2  頁(yè)面交互 57
2.4.3  頁(yè)面樣式 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  樣式頁(yè)簽 73
位置和尺寸 75
字體 76
對(duì)齊和間距 77
樣式 78
排列對(duì)齊 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ù)字圖書(shū)館 106
3.3  三十分鐘快速入門 107
3.3.1  初始需求和用例 109
3.3.2  用例圖頁(yè)面 110
3.3.3  保存項(xiàng)目文件 114
3.3.4  第一個(gè)線框圖頁(yè)面 115
3.3.5  任務(wù)流程圖頁(yè)面 116
瀏覽流程圖 117
搜索流程圖 118
3.3.6  用例鏈接到流程圖 119
3.3.7  生成HTML原型 120
3.4  開(kāi)始使用模板和動(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
次級(jí)導(dǎo)航欄 132
3.4.3  第一個(gè)動(dòng)態(tài)面板 135
為動(dòng)態(tài)面板添加狀態(tài) 137
3.5  添加視覺(jué)效果 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
橫向和縱向頁(yè)面版本 150
事件和手勢(shì)的兼容性 150
瀏覽器的局限性 152
使用控件庫(kù) 153
在移動(dòng)設(shè)備上加載原型 153
3.9  總結(jié) 154
第4章  初級(jí)交互 155
4.1  交互簡(jiǎn)史 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)在、未來(lái)和Axure交互 160
4.2  Axure交互 161
4.3  示例 161
4.3.1  第1步：使用簡(jiǎn)單詞語(yǔ)定義交互 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  頁(yè)面加載事件 166
4.4.2  示例：更改默認(rèn)的著陸頁(yè) 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章  高級(jí)交互 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è)條件語(yǔ)句 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)面板還是頁(yè)面 233
第3步：調(diào)整已有條件 234
第4步：變量和動(dòng)作順序 237
第5步（a）：設(shè)置變量（及可能存在的問(wèn)題） 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  變量在可用性測(cè)試中的作用 251
5.9.1  分步示例——上下文相關(guān)的可用性測(cè)試 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
高級(jí)交互 261
詳細(xì)步驟 262
注意 263
5.11.3  Axure竅門（Fred Beecher提供） 263
竅門1：調(diào)試你的邏輯 263
竅門2：在頁(yè)面之間傳遞變量的值 263
竅門3：隱藏鏈接來(lái)清除變量 264
竅門4：文本輸入框偽裝成文本區(qū)控件 264
5.12  總結(jié) 264
第6章  控件庫(kù) 267
6.1  Axure的內(nèi)置控件庫(kù) 270
6.2  Axure社區(qū)里的控件庫(kù) 272
6.3  自己的控件庫(kù) 274
6.3.1  分步示例：使用控件庫(kù)進(jìn)行原型設(shè)計(jì) 274
第1步：創(chuàng)建庫(kù)文件 274
第2步：創(chuàng)建自定義控件 277
第3步：在項(xiàng)目文件中刷新庫(kù) 278
6.4  把控件庫(kù)擴(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  管理控件庫(kù) 286
6.6  使用內(nèi)部模板還是外部控件庫(kù) 287
6.6.1  使用RPLIB 288
6.6.2  在RP或RPPRJ文件中使用模板 289
6.7  實(shí)踐者的觀點(diǎn) 289
6.7.1  為什么要做控件庫(kù) 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和軟件開(kāi)發(fā)模式 295
瀑布開(kāi)發(fā)模式 296
敏捷開(kāi)發(fā)模式 297
7.3  評(píng)估Axure工作 298
7.3.1  計(jì)算你的時(shí)間 300
7.3.2  對(duì)準(zhǔn)期望 301

7.4  從概念到詳細(xì)設(shè)計(jì)的過(guò)渡 302
7.4.1  從概念模式開(kāi)始 303
7.4.2  從草圖模式開(kāi)始 303
7.5  基礎(chǔ)和支架 304
確定線框圖寬度 304
參考線（柵格） 306
網(wǎng)格 308
7.5.1  頁(yè)面樣板 309
頁(yè)面樣式編輯器 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
使用已有視覺(jué)設(shè)計(jì)進(jìn)行原型設(shè)計(jì) 329
7.10  總結(jié) 331
第8章  UX規(guī)格文檔 333
8.1  與開(kāi)發(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  頁(yè)面注釋 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（頁(yè)面）設(shè)置 355
8.3.3  模板設(shè)置 356
8.3.4  頁(yè)面屬性設(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è)共享倉(cāng)庫(kù) 377
9.1.4  從一個(gè)共享倉(cāng)庫(kù)進(jìn)行加載 382
9.1.5  共享菜單 384
創(chuàng)建和加載 384
更新整個(gè)原型 385
更新單個(gè)頁(yè)面或模板 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  反饋意見(jiàn) 396
9.3.1  托管于AxShare的討論功能 397
9.3.2  不托管在AxShare的討論功能 401
第1步：打開(kāi)網(wǎng)頁(yè)AxShare.com 402
第2步：打開(kāi)Axure 402
第3步：打開(kāi)瀏覽器 403
9.4  總結(jié) 403
索引 405