Axure RP 6原型設計精髓

《Axure RP 6原型設計精髓》內容簡介：即使你不懂任何編程語言，無法控制項目管理、預算和進展計劃，也可以通過《Axure RP 6原型設計精髓》掌握Axure，讓你的設計更具創造力和高效。

《Axure RP 6原型設計精髓》先介紹Axure的界面、術語、功能，然後以一箇中型示例項目為背景依次探討UX項目的創建流程和Axure的使用技巧。出於簡潔性考慮，《Axure RP 6原型設計精髓》對原型設計過程進行了簡化，但依舊由易到難完整地闡述了一個UX項目的要素，如定義商業和技術需求、建立用例和流程圖、構建高（低）保真線框圖、設計交互、編注説明、產出詳細UX規格文檔及追蹤迭代。

Ezra Schwartz是一名信息和用户體驗架構師，擅長研究複雜用户界面框架的邏輯。他專注於研究全球化企業應用程序、團隊協作策略、UX需求追蹤，併為多版本分步實施的項目制定規格文檔。

Ezra幫助客户將快速UX原型設計、驗證、測試和開發文化進行成功集成，幫助客户採用UCD（user-centered-design，以用户為中心的設計）方法和進行最佳實踐。他成功領導了重要用户體驗項目，包括金融、航空、醫療、移動、出版、媒體研究、製造、學術研究和軟件開發等多個行業，Ezra還為非營利性組織提供無償服務。

Ezra是AxureWorld.org的創始人和組織者，這是一個免費的國際化討論社區，專注於快速UX原型設計。

推薦序 1

前言 3

第1章 原型基礎 7

1.1 UX原型藝術 10

1.1.1 交互式原型 11

1.2 原型要素清單 13

1.2.1 項目類型 13

簡單網站 14

Web應用程序和門户網站 14

移動應用程序 15

啓發式評估 16

用户驗證 16

1.2.2 交付物：原型和規格文檔 17

1.3 平衡的藝術：利益相關者怎麼説 19

1.3.1 業務利益相關者 19

管理人員 20

業務流程架構師 21

1.3.2 項目經理 25

1.3.3 視覺設計 27

1.3.4 開發人員 30

1.4 UX相關人員怎麼説 32

1.4.1 UX從業者的觀點 33

1.4.2 UX團隊領導的觀點 35

面臨的挑戰 35

團隊架構 35

項目過程 35

項目後續過程 36

Axure的優勢 36

Axure的劣勢 37

Axure在大型項目中的使用建議 38

1.5 Axure在世界各地 38

1.6 Axure公司的觀點 40

1.7 總結 42

第2章 初識Axure 43

2.1 入門 44

2.1.1 同時打開多個Axure文件 45

2.2 Axure工作區 46

2.2.1 自定義工作區 48

2.3 站點地圖區 49

2.3.1 線框圖頁面 52

2.3.2 流程圖頁面 52

2.4 頁面屬性區 54

2.4.1 頁面註釋 55

管理註釋 56

2.4.2 頁面交互 57

2.4.3 頁面樣式 57

草圖風格 57

2.5 控件區 58

2.5.1 線框圖控件 59

2.5.2 流程圖控件 60

2.5.3 自定義控件 61

2.5.4 第三方控件 62

2.6 控件屬性區 63

2.6.1 控件註釋 63

註釋字段 65

註釋視圖 66

2.6.2 控件交互 67

交互 68

事件 70

情景 70

動作 72

2.6.3 樣式頁籤 73

位置和尺寸 75

字體 76

對齊和間距 77

樣式 78

排列對齊 80

填充、線條和邊框 80

2.7 線框圖編輯區 81

2.7.1 網格和參考線 83

2.8 模板區 86

2.8.1 模板行為 88

普通 89

作為背景 90

自定義控件 91

2.8.2 模板使用報告 94

2.9 動態面板管理區 95

2.10 工具欄和菜單欄 99

2.11 Axure文件格式 101

2.11.1 .RP文件格式 101

2.11.2 .RPPRJ文件格式 103

2.12 總結 104

第3章 Axure快速入門 105

3.1 原型設計原則 106

3.2 Alexandria數字圖書館 106

3.3 三十分鐘快速入門 107

3.3.1 初始需求和用例 109

3.3.2 用例圖頁面 110

3.3.3 保存項目文件 114

3.3.4 第一個線框圖頁面 115

3.3.5 任務流程圖頁面 116

瀏覽流程圖 117

搜索流程圖 118

3.3.6 用例鏈接到流程圖 119

3.3.7 生成HTML原型 120

3.4 開始使用模板和動態面板 123

3.4.1 第一個線框圖 123

快速且粗糙的方法 123

快速但結構化的方法 124

3.4.2 第一個模板：導航系統 125

全局導航欄 127

次級導航欄 132

3.4.3 第一個動態面板 135

為動態面板添加狀態 137

3.5 添加視覺效果 142

3.6 添加草圖效果 145

3.7 修改任務流程圖 145

3.8 從業者的實踐——移動設備Axure原型設計 146

3.8.1 移動友好（Mobile-friendly）Web網站和移動Apps 146

不同的設備分辨率和寬高比 147

使用Viewport標籤 148

使用一個全屏瀏覽器 149

橫向和縱向頁面版本 150

事件和手勢的兼容性 150

瀏覽器的侷限性 152

使用控件庫 153

在移動設備上加載原型 153

3.9 總結 154

第4章 初級交互 155

4.1 交互簡史 155

4.1.1 20世紀50—60年代 156

4.1.2 20世紀70—80年代 156

4.1.3 20世紀90年代和21世紀初 158

4.1.4 現在、未來和Axure交互 160

4.2 Axure交互 161

4.3 示例 161

4.3.1 第1步：使用簡單詞語定義交互 162

4.3.2 第2步：Axure交互界面 162

4.3.3 第3步：將需求轉變成Axure交互 164

4.3.4 第4步：為交互添加註釋（可選） 165

4.4 Axure事件 166

4.4.1 頁面加載事件 166

4.4.2 示例：更改默認的着陸頁 167

4.4.3 模擬上下文導航 168

OnPageLoad事件和動態面板 172

OnPageLoad事件詳解 174

4.5 用户觸發事件 175

4.5.1 分步示例：登錄 175

4.5.2 創建線框圖 177

添加交互 179

編排動作 184

控件、事件和相互關聯 185

控件事件詳解 186

4.6 Axure情景 187

4.6.1 分步示例：結構和交互 188

第1部分：調整線框圖結構 188

第2部分：添加交互 193

Axure動作 196

4.6.2 鏈接動作 197

4.6.3 動態面板動作 197

4.6.4 控件和變量動作 197

4.6.5 其他動作 198

4.7 總結 198

第5章 高級交互 199

5.1 條件 200

5.1.1 如果-則-否則 200

5.1.2 分步示例：條件和動態面板 201

第1步：定義交互 201

第2步：創建線框圖 202

第3步：設置第一個條件 203

第4步：添加第一個交互 204

第5步：完成整個交互 205

5.2 條件編輯器 208

5.2.1 分步示例：多重條件 210

第1步：定義交互 210

第2步：創建線框圖 212

第3步：交互調整 214

第4步：計算多重條件 215

第5步：完成整個條件語句 217

5.3 處理條件異常 219

5.4 觸發事件 219

5.4.1 示例 220

第1步：在模板上創建觸發事件 221

第2步：為觸發事件添加交互 226

5.4.2 模板嵌套：擴散觸發事件 228

5.5 變量 231

5.5.1 示例：基於變量創建不同用户體驗 232

第1步：定義交互 232

第2步：構建方法：動態面板還是頁面 233

第3步：調整已有條件 234

第4步：變量和動作順序 237

第5步（a）：設置變量（及可能存在的問題） 238

第5步（b）：設置和初始化變量 241

第6步：依據變量值判斷使用哪種情景 244

5.6 變量類型 246

5.6.1 全局變量 247

Axure內置的全局變量 247

自定義的全局變量 247

5.6.2 特殊變量 247

5.6.3 使用示例 248

5.6.4 局部變量和函數 249

5.7 函數 249

5.8 變量的命名 250

5.9 變量在可用性測試中的作用 251

5.9.1 分步示例——上下文相關的可用性測試 252

5.10 使用變量的利與弊 254

5.11 專家的方法技巧 255

5.11.1 隱藏和顯示列表元素（Jeff Harrison提供） 255

創建步驟 256

第1步：創建行模板 256

第2步：把行移到一起 257

第3步：依照需求進行重複 258

第4步：增加控件 259

5.11.2 鍵盤快捷鍵（Loren Baxter提供） 261

高級交互 261

詳細步驟 262

注意 263

5.11.3 Axure竅門（Fred Beecher提供） 263

竅門1：調試你的邏輯 263

竅門2：在頁面之間傳遞變量的值 263

竅門3：隱藏鏈接來清除變量 264

竅門4：文本輸入框偽裝成文本區控件 264

5.12 總結 264

第6章 控件庫 267

6.1 Axure的內置控件庫 270

6.2 Axure社區裏的控件庫 272

6.3 自己的控件庫 274

6.3.1 分步示例：使用控件庫進行原型設計 274

第1步：創建庫文件 274

第2步：創建自定義控件 277

第3步：在項目文件中刷新庫 278

6.4 把控件庫擴展為設計模式 279

6.4.1 示例1：確認/警告框控件 279

第1步：定義模式 279

第2步：創建控件 281

6.4.2 示例2：增量搜索控件（智能搜索提示） 282

第1步：定義模式 282

第2步：創建控件 284

第3步：創建交互 285

6.5 管理控件庫 286

6.6 使用內部模板還是外部控件庫 287

6.6.1 使用RPLIB 288

6.6.2 在RP或RPPRJ文件中使用模板 289

6.7 實踐者的觀點 289

6.7.1 為什麼要做控件庫 290

6.7.2 像素完美的圖標 290

6.7.3 清晰的控件名稱和提示信息 291

6.8 總結 292

第7章 管理原型變化 293

7.1 從願景到現實 294

7.2 瞄準期望 294

7.2.1 UX和軟件開發模式 295

瀑布開發模式 296

敏捷開發模式 297

7.3 評估Axure工作 298

7.3.1 計算你的時間 300

7.3.2 對準期望 301

7.4 從概念到詳細設計的過渡 302

7.4.1 從概念模式開始 303

7.4.2 從草圖模式開始 303

7.5 基礎和支架 304

確定線框圖寬度 304

參考線（柵格） 306

網格 308

7.5.1 頁面樣板 309

頁面樣式編輯器 310

7.6 控件樣式編輯器 314

7.6.1 默認控件樣式 315

7.7 格式刷 316

7.8 項目樣式指南和CSS的集成 319

7.8.1 樣式指南 319

7.9 同步或不同步 328

使用已有視覺設計進行原型設計 329

7.10 總結 331

第8章 UX規格文檔 333

8.1 與開發團隊協作 336

8.1.1 找準期望 338

8.2 捕獲UI規格 339

8.2.1 全局UI規格文檔 339

8.2.2 生成器：規格文檔和原型 341

8.2.3 定製規格文檔生成器 343

8.2.4 頁面註釋 344

一個註釋字段 vs 多個註釋字段 346

8.2.5 註釋字段 347

8.2.6 註釋視圖 351

8.3 生成規格文檔 353

8.3.1 常用設置 354

8.3.2 Pages（頁面）設置 355

8.3.3 模板設置 356

8.3.4 頁面屬性設置 360

8.3.5 截圖設置 362

8.3.6 控件屬性設置 365

8.3.7 文檔佈局設置 368

8.3.8 Word模板設置 369

8.4 總結 370

第9章 協同設計 373

9.1 共享項目 375

9.1.1 環境 375

9.1.2 簽出和簽入狀態 376

9.1.3 建立一個共享倉庫 377

9.1.4 從一個共享倉庫進行加載 382

9.1.5 共享菜單 384

創建和加載 384

更新整個原型 385

更新單個頁面或模板 386

管理共享項目 386

瀏覽共享項目歷史 388

重新指向被移動的共享目錄 391

清理本地副本 392

9.2 UX團隊的Axure最佳實踐 393

9.2.1 UX團隊的屬性 393

9.3 反饋意見 396

9.3.1 託管於AxShare的討論功能 397

9.3.2 不託管在AxShare的討論功能 401

第1步：打開網頁AxShare.com 402

第2步：打開Axure 402

第3步：打開瀏覽器 403

9.4 總結 403

索引 405

^[1]