第1章 熟悉Axure RP 10
1.1 關(guān)于Axure RP 10 1
1.2 Axure RP 10的主要功能 3
1.2.1 繪制網(wǎng)站構(gòu)架圖 3
1.2.2 繪制示意圖 3
1.2.3 繪制流程圖 4
1.2.4 實(shí)現(xiàn)交互設(shè)計(jì) 4
1.2.5 輸出網(wǎng)站原型 4
1.2.6 輸出Word 格式的規(guī)格文件 4
1.3 軟件的下載、安裝、漢化與啟動(dòng) 4
1.3.1 下載并安裝Axure RP 10 4
應(yīng)用案例——安裝Axure RP 10 5
1.3.2 漢化與啟動(dòng)Axure RP 10 7
1.4 Axure RP 10的工作界面 7
1.4.1 菜單欄 8
1.4.2 工具欄 10
1.4.3 面板 12
1.4.4 工作區(qū) 15
1.5 自定義工作界面 16
1.5.1 自定義工具欄 16
1.5.2 自定義工作面板 17
1.5.3 使用單鍵快捷鍵 18
1.6 使用Axure RP 10的幫助資源 19
1.7 查看視圖 20
應(yīng)用案例——查看視圖 20
1.8 使用標(biāo)尺 21
1.9 參考線 22
1.9.1 參考線的分類 22
1.9.2 編輯參考線 23
1.9.3 添加參考線 24
應(yīng)用案例——添加參考線 24
1.9.4 設(shè)置參考線 25
1.10 顯示柵格 25
1.10.1 顯示柵格的方法 26
1.10.2 柵格設(shè)置 26
1.11 設(shè)置遮罩 27
1.12 對(duì)齊/分布對(duì)象 27
1.12.1 對(duì)齊對(duì)象 27
1.12.2 分布對(duì)象 28
1.13 答疑解惑 29
1.13.1 什么是產(chǎn)品原型 29
1.13.2 Axure 在產(chǎn)品原型中主要應(yīng)用在哪些方面 29
1.14 總結(jié)擴(kuò)展 30
1.14.1 本章小結(jié) 30
1.14.2 舉一反三——卸載Axure RP 10 30

第2章 Axure RP 10的基本操作
2.1 新建文件 32
2.1.1 新建文件的方法 32
應(yīng)用案例——新建iPhone 11 Pro 尺寸的原型文件 32
2.1.2 紙張尺寸與設(shè)置 33
2.1.3 新建團(tuán)隊(duì)項(xiàng)目文件 34
2.2 存儲(chǔ)文件 35
2.2.1 保存文件 35
2.2.2 另存文件 35
2.2.3 存儲(chǔ)格式 35
2.3 自動(dòng)備份 36
2.3.1 啟動(dòng)自動(dòng)備份 36
2.3.2 從備份中恢復(fù) 37
2.4 打開文件 37
2.4.1 打開文件的方法 37
2.4.2 打開團(tuán)隊(duì)項(xiàng)目 38
2.5 從RP文件導(dǎo)入 39
應(yīng)用案例——導(dǎo)入RP 文件素材 39
2.6 對(duì)象的操作 40
2.6.1 選擇對(duì)象 40
2.6.2 移動(dòng)和縮放對(duì)象 40
2.6.3 旋轉(zhuǎn)對(duì)象 41
2.6.4 復(fù)制對(duì)象 42
2.6.5 剪切和刪除對(duì)象 43
2.7 還原與恢復(fù) 44
2.7.1 撤銷 44
2.7.2 重做 44
2.8 答疑解惑 44
2.8.1 歡迎界面的鏈接入口 44
2.8.2 示例文件和最近編輯文件 45
2.9 總結(jié)擴(kuò)展 45
2.9.1 本章小結(jié) 45
2.9.2 舉一反三——通過復(fù)制的方法制作水平導(dǎo)航 46

第3章 頁面的管理
3.1 了解站點(diǎn) 47
3.2 管理頁面 47
3.2.1 添加和刪除頁面 47
應(yīng)用案例——新建網(wǎng)站頁面 49
3.2.2 重命名頁面 50
3.2.3 移動(dòng)頁面 50
3.2.4 搜索頁面 51
3.2.5 剪切、復(fù)制和粘貼頁面 51
3.2.6 重復(fù)頁面 52
3.3 編輯頁面 52
3.3.1 使用頁面編輯區(qū) 52
3.3.2 頁面樣式 53
3.3.3 頁面注釋 57
3.4 自適應(yīng)視圖 59
應(yīng)用案例——設(shè)置自適應(yīng)視圖 61
3.5 圖表類型 63
3.6 創(chuàng)建流程圖 63
應(yīng)用案例——?jiǎng)?chuàng)建流程圖 64
3.7 組合對(duì)象 65
3.7.1 組合對(duì)象的方法 65
3.7.2 取消組合 65
3.8 鎖定對(duì)象 66
3.9 隱藏對(duì)象 67
3.10 答疑解惑 67
3.10.1 保留頁面文本的舊版本 67
3.10.2 如何處理原型中的文字在不同瀏覽器上效果不一樣的情況 68
3.11 總結(jié)擴(kuò)展 69
3.11.1 本章小結(jié) 69
3.11.2 舉一反三——使用元件制作一個(gè)標(biāo)簽面板 69

第4章 使用元件
4.1 “元件庫(kù)”面板 71
4.2 基本元件 72
4.2.1 常用元件 72
應(yīng)用案例——制作商品購(gòu)買頁 80
4.2.2 互動(dòng)元件 82
應(yīng)用案例——使用動(dòng)態(tài)面板隱藏對(duì)象 87
應(yīng)用案例——為中繼器數(shù)據(jù)集添加行和列 91
應(yīng)用案例——使用中繼器制作產(chǎn)品頁面 94
4.2.3 表單元件 96
應(yīng)用案例——制作淘寶會(huì)員登錄頁 101
4.2.4 菜單和表格 102
應(yīng)用案例——美化樹狀菜單的圖標(biāo) 105
4.2.5 標(biāo)記元件 108
4.3 Flow（流程圖）元件 110
4.3.1 矩形和矩形組 111
應(yīng)用案例——制作手機(jī)產(chǎn)業(yè)流程圖 111
4.3.2 圓角矩形和圓角矩形組 113
4.3.3 斜角矩形和菱形 113
4.3.4 文件和文件組 114
4.3.5 括號(hào) 114
4.3.6 半圓 114
4.3.7 三角形 114
4.3.8 梯形 115
4.3.9 橢圓 115
4.3.10 六邊形 115
4.3.11 平行四邊形 115
4.3.12 角色 116
4.3.13 數(shù)據(jù)庫(kù) 116
4.3.14 快照 116
4.3.15 圖片 116
4.3.16 新增流程圖元件 117
4.4 Icons（圖標(biāo)）元件 117
4.5 Sample UI Patterns 118
應(yīng)用案例——制作幻燈片效果 118
4.6 Sample Form Patterns 120
4.7 使用“鋼筆工具” 120
應(yīng)用案例——使用“鋼筆工具”繪制圖形 122
4.8 答疑解惑 124
4.8.1 如何制作樹狀菜單元件的圖標(biāo) 124
4.8.2 盡量用一個(gè)元件完成功能 124
4.9 總結(jié)擴(kuò)展 125
4.9.1 本章小結(jié) 125
4.9.2 舉一反三——制作一個(gè)手機(jī)展示原型 125

第5章 元件的屬性和樣式
5.1 轉(zhuǎn)換元件 126
5.1.1 轉(zhuǎn)換為形狀 126
5.1.2 轉(zhuǎn)換為圖片 127
5.2 元件的屬性 127
5.2.1 元件說明 128
5.2.2 編輯元件 128
5.2.3 元件的運(yùn)算 130
應(yīng)用案例——制作iOS系統(tǒng)功能圖標(biāo) 131
5.2.4 元件提示 132
5.3 使用“樣式”面板 132
5.3.1 元件命名 133
5.3.2 顯示/隱藏元件 133
5.3.3 對(duì)齊與分布 133
5.3.4 位置和尺寸 134
5.3.5 圓角 134
5.3.6 適應(yīng)文本寬度/適應(yīng)文本高度 135
5.3.7 不透明度 135
5.3.8 排版 136
5.3.9 填充 139
5.3.10 邊框 142
5.3.11 陰影 143
5.3.12 邊距 144
應(yīng)用案例——為商品列表添加樣式 145
5.3.13 數(shù)據(jù)集 146
5.4 創(chuàng)建和管理樣式 148
5.4.1 創(chuàng)建元件樣式 148
應(yīng)用案例——?jiǎng)?chuàng)建并應(yīng)用元件樣式 149
5.4.2 樣式的編輯與修改 150
5.5 格式刷 151
應(yīng)用案例——使用格式刷為表格添加樣式 152
5.6 “大綱”面板 152
5.7 答疑解惑 153
5.7.1 制作頁面前的準(zhǔn)備工作 153
5.7.2 使用字體圖標(biāo)而不是圖片 153
5.8 總結(jié)擴(kuò)展 154
5.8.1 本章小結(jié) 154
5.8.2 舉一反三——制作熱門車型列表頁 154

第6章 母版與第三方元件庫(kù)
6.1 母版的概念 156
6.1.1 母版的應(yīng)用 156
6.1.2 使用母版的好處 157
6.2 “母版”面板 157
6.2.1 添加母版 157
6.2.2 添加文件夾 158
6.2.3 查找母版 159
6.3 創(chuàng)建與編輯母版 159
6.3.1 創(chuàng)建母版 159
應(yīng)用案例——制作iOS 系統(tǒng)母版 160
6.3.2 創(chuàng)建子母版 161
應(yīng)用案例——新建iOS 系統(tǒng)布局母版 161
6.3.3 刪除母版 163
6.4 轉(zhuǎn)換為母版 163
6.5 母版的使用情況 163
6.5.1 拖放行為 164
6.5.2 添加到頁面 167
6.5.3 從頁面移除 168
6.5.4 使用報(bào)告 169
6.6 使用第三方元件庫(kù) 169
6.6.1 下載元件庫(kù) 169
6.6.2 載入元件庫(kù) 170
6.6.3 移除元件庫(kù) 170
6.7 創(chuàng)建元件庫(kù) 171
6.7.1 新建元件庫(kù) 171
應(yīng)用案例——?jiǎng)?chuàng)建圖標(biāo)元件庫(kù) 172
6.7.2 元件庫(kù)的圖標(biāo)樣式 173
6.7.3 編輯元件庫(kù) 174
6.7.4 導(dǎo)入圖片文件夾 175
6.8 答疑解惑 175
6.8.1 不要復(fù)制對(duì)象，而是轉(zhuǎn)換為母版 175
6.8.2 如何將較大的組合轉(zhuǎn)換為母版 176
6.9 總結(jié)擴(kuò)展 176
6.9.1 本章小結(jié) 176
6.9.2 舉一反三——?jiǎng)?chuàng)建圖標(biāo)組元件庫(kù) 176

第7章 簡(jiǎn)單交互設(shè)計(jì)
7.1 了解“交互”面板 178
7.2 頁面交互基礎(chǔ) 179
7.2.1 頁面交互事件 179
7.2.2 打開鏈接 180
應(yīng)用案例——打開頁面鏈接 182
7.2.3 關(guān)閉窗口 183
7.2.4 在框架內(nèi)打開鏈接 184
7.2.5 滾動(dòng)到元件（錨鏈接 184
7.3 元件交互基礎(chǔ) 185
7.3.1 元件交互事件 185
7.3.2 顯示/隱藏 186
應(yīng)用案例——元件的顯示/隱藏 188
7.3.3 設(shè)置動(dòng)態(tài)面板狀態(tài) 189
應(yīng)用案例——使用動(dòng)態(tài)面板制作輪播圖 190
7.3.4 設(shè)置文本 192
7.3.5 設(shè)置圖片 193
應(yīng)用案例——制作按鈕交互狀態(tài) 193
7.3.6 設(shè)置選中 194
7.3.7 設(shè)置選中下拉列表選項(xiàng) 194
7.3.8 設(shè)置錯(cuò)誤狀態(tài) 194
應(yīng)用案例——制作用戶名輸入錯(cuò)誤提示 194
7.3.9 啟用/禁用 196
7.3.10 移動(dòng) 197
應(yīng)用案例——設(shè)計(jì)制作切換案例 197
7.3.11 旋轉(zhuǎn) 198
應(yīng)用案例——制作抽獎(jiǎng)幸運(yùn)轉(zhuǎn)盤 199
7.3.12 設(shè)置尺寸 200
7.3.13 置頂/置底 200
7.3.14 設(shè)置不透明度 200
7.3.15 獲取焦點(diǎn) 201
設(shè)置交互樣式效果 202
應(yīng)用案例——制作動(dòng)態(tài)按鈕 202
7.5 答疑解惑 204
7.5.1 如何通過“動(dòng)態(tài)面板”元件實(shí)現(xiàn)焦點(diǎn)圖片效果 205
7.5.2 使用“設(shè)置尺寸”動(dòng)作完成進(jìn)度條的制作 205
7.6 總結(jié)擴(kuò)展 206
7.6.1 本章小結(jié) 206
7.6.2 舉一反三——設(shè)計(jì)制作按鈕交互樣式 206

第8章 高級(jí)交互設(shè)計(jì)
8.1 變量 208
8.1.1 全局變量 208
應(yīng)用案例——使用全局變量 209
8.1.2 局部變量 211
8.1.3 添加條件 213
應(yīng)用案例——設(shè)計(jì)制作用戶登錄頁面 216
8.2 使用表達(dá)式 219
8.2.1 運(yùn)算符的類型 219
8.2.2 表達(dá)式的格式 219
應(yīng)用案例——制作滑動(dòng)解鎖頁面 220
應(yīng)用案例——為滑動(dòng)解鎖設(shè)置情形 221
應(yīng)用案例——查看滑動(dòng)解鎖的效果 222
8.3 中繼器的組成 224
8.3.1 項(xiàng)目交互 224
8.3.2 中繼器元件動(dòng)作 224
8.4 中繼器動(dòng)作 225
8.4.1 設(shè)置分頁與數(shù)量 225
應(yīng)用案例——使用中繼器添加分頁 226
8.4.2 添加和移除排序 227
應(yīng)用案例——使用中繼器設(shè)置排序 228
8.4.3 添加和移除篩選 229
8.4.4 添加和刪除項(xiàng)目 229
應(yīng)用案例——使用中繼器實(shí)現(xiàn)自增 229
8.4.5 項(xiàng)目列表操作 231
應(yīng)用案例——使用中繼器顯示頁碼 231
8.5 其他動(dòng)作 234
8.6 函數(shù) 235
8.6.1 了解函數(shù) 235
應(yīng)用案例——使用時(shí)間函數(shù) 235
8.6.2 中繼器/數(shù)據(jù)集函數(shù) 237
8.6.3 元件函數(shù) 237
應(yīng)用案例——設(shè)計(jì)制作商品詳情頁 238
8.6.4 頁面函數(shù) 240
8.6.5 窗口函數(shù) 240
8.6.6 鼠標(biāo)指針函數(shù) 240
應(yīng)用案例——設(shè)計(jì)制作產(chǎn)品局部放大效果 241
8.6.7 數(shù)字函數(shù) 244
8.6.8 字符串函數(shù) 244
8.6.9 數(shù)學(xué)函數(shù) 245
應(yīng)用案例——設(shè)計(jì)制作計(jì)算器效果 246
8.6.10 日期函數(shù) 247
應(yīng)用案例——使用日期函數(shù) 249
8.7 答疑解惑 251
8.7.1 盡量使用簡(jiǎn)潔的交互效果 251
8.7.2 什么情況下會(huì)使用全局變量 252
8.8 總結(jié)擴(kuò)展 252
8.8.1 本章小結(jié) 252
8.8.2 舉一反三——設(shè)計(jì)制作商品購(gòu)買頁面 252

第9章 團(tuán)隊(duì)合作
9.1 使用團(tuán)隊(duì)項(xiàng)目 254
9.1.1 創(chuàng)建團(tuán)隊(duì)項(xiàng)目 254
9.1.2 打開團(tuán)隊(duì)項(xiàng)目 256
9.1.3 加入團(tuán)隊(duì)項(xiàng)目 257
9.1.4 編輯團(tuán)隊(duì)項(xiàng)目 259
9.1.5“ 團(tuán)隊(duì)”菜單 261
9.2 Axure Cloud 263
9.2.1 創(chuàng)建Axure Cloud 賬號(hào) 263
9.2.2 發(fā)布到Axure Cloud 264
9.3 答疑解惑 267
9.3.1 團(tuán)隊(duì)協(xié)作和使用版本管理工具的作用 267
9.3.2 Axure RP 10 共享項(xiàng)目的兩種頁面狀態(tài) 267
9.4 總結(jié)擴(kuò)展 267
9.4.1 本章小結(jié) 267
9.4.2 舉一反三——完成團(tuán)隊(duì)項(xiàng)目的檢出與檢入 267

第10章 發(fā)布于輸出
10.1 發(fā)布與輸出 269
10.2 使用生成器 270
10.2.1 HTML 生成器 270
10.2.2 Word 生成器 272
10.2.3 更多生成器 274
10.3 答疑解惑 276
10.3.1 制作的App 原型如何在手機(jī)上演示 276
10.3.2 如何將原型導(dǎo)出為圖片 277
10.4 總結(jié)擴(kuò)展 277
10.4.1 本章小結(jié) 277
10.4.2 舉一反三——發(fā)布生成一個(gè)HTML文件 278

第11章 設(shè)計(jì)制作PC端網(wǎng)頁原型
11.1 設(shè)計(jì)制作QQ郵箱加載頁面 279
11.1.1 案例分析 279
11.1.2 制作步驟 280
11.2 設(shè)計(jì)制作微博用戶評(píng)論頁面 284
11.2.1 案例分析 285
11.2.2 制作步驟 285
11.3 設(shè)計(jì)制作商品分類頁面 288
11.3.1 案例分析 288
11.3.2 制作步驟 289
11.4 設(shè)計(jì)制作課程購(gòu)買頁面 291
11.4.1 案例分析 291
11.4.2 制作步驟 292
11.5 設(shè)計(jì)制作課程選擇頁面 294
11.5.1 案例分析 294
11.5.2 制作步驟 294
11.6 設(shè)計(jì)制作重置密碼頁面 297
11.6.1 案例分析 297
11.6.2 制作步驟 298

第12章 設(shè)計(jì)制作移動(dòng)端網(wǎng)頁原型
12.1 設(shè)計(jì)制作App啟動(dòng)頁面原型 303
12.1.1 案例分析 304
12.1.2 制作步驟 304
12.2 設(shè)計(jì)制作App會(huì)員系統(tǒng)頁面原型 307
12.2.1 案例分析 307
12.2.2 制作步驟 308
12.3 設(shè)計(jì)制作App首頁原型 310
12.3.1 案例分析 310
12.3.2 制作步驟 310
12.4 設(shè)計(jì)制作App設(shè)計(jì)師頁面原型 312
12.4.1 案例分析 313
12.4.2 制作步驟 313
12.5 設(shè)計(jì)制作App頁面導(dǎo)航交互 314
12.5.1 案例分析 315
12.5.2 制作步驟 315
12.6 設(shè)計(jì)制作App注冊(cè)/登錄頁面交互 319
12.6.1 案例分析 320
12.6.2 制作步驟 321
12.7 設(shè)計(jì)制作App主頁面交互 322
12.7.1 案例分析 322
12.7.2 制作步驟 323
附錄A Axure RP 10常用快捷鍵 327
附錄B Axure RP 10與Photoshop 328
附錄C Axure RP 10與HyperSnap 331