第1章 熟悉 Axure RP 9
1.1 關(guān)于Axure RP 9 1
1.2 Axure 的主要功能 3
1.3 Axure RP 9的安裝與啟動(dòng) 5
1.3.1 下載Axure RP 9 5
1.3.2 應(yīng)用案例——安裝Axure RP 9 5
1.3.3 漢化與啟動(dòng)Axure RP 9 6
1.4 Axure RP 9的操作界面 7
1.4.1 菜單欄 7
1.4.2 工具欄 9
1.4.3 功能區(qū) 11
1.4.4 工作區(qū) 14
1.5 Axure RP 9的幫助資源 14
1.6 查看視圖 15
應(yīng)用案例——查看視圖 15
1.7 標(biāo)尺 16
1.8 輔助線 16
1.8.1 輔助線的分類(lèi) 16
1.8.2 編輯輔助線 17
1.8.3 創(chuàng)建輔助線 19
1.8.4 應(yīng)用案例——?jiǎng)?chuàng)建輔助線 19
1.8.5 設(shè)置輔助線 20
1.9 網(wǎng)格 21
1.9.1 顯示網(wǎng)格 21
1.9.2 網(wǎng)格設(shè)置 21
1.10 設(shè)置遮罩 21
1.11 對(duì)齊/分布對(duì)象 22
1.11.1 對(duì)齊對(duì)象 22
1.11.2 分布對(duì)象 23
1.12 答疑解惑 23
1.12.1 產(chǎn)品原型設(shè)計(jì) 24
1.12.2 Axure在產(chǎn)品原型制作中的主要應(yīng)用 24
1.13 總結(jié)擴(kuò)展 24
1.13.1 本章小結(jié) 24
1.13.2 擴(kuò)展練習(xí)——卸載Axure RP 9 25

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

第3章 頁(yè)面管理
3.2 管理頁(yè)面 40
3.2.1 添加頁(yè)面 40
3.2.2 重命名頁(yè)面 42
3.2.3 移動(dòng)頁(yè)面 43
3.2.4 查找頁(yè)面 43
3.3 編輯頁(yè)面 43
3.3.1 使用頁(yè)面編輯區(qū) 44
3.3.2 頁(yè)面樣式 44
3.3.3 頁(yè)面說(shuō)明 48
3.4 自適應(yīng)視圖 50
3.4.1 設(shè)置自適應(yīng)視圖 51
3.4.2 應(yīng)用案例——添加自適應(yīng)視圖 52
3.5 圖表類(lèi)型 53
3.6 生成流程圖 53
3.6.1 生成流程圖的方法 53
3.6.2 應(yīng)用案例——生成流程圖 54
3.7 繪畫(huà)工具 54
3.7.1 繪制圖形 54
3.7.2 轉(zhuǎn)換錨點(diǎn)類(lèi)型 55
3.7.3 編輯繪畫(huà)工具 56
3.7.4 應(yīng)用案例——使用繪畫(huà)工具繪制圖形 57
3.8 組合對(duì)象 58
3.8.1 組合對(duì)象的方法 58
3.8.2 取消組合 59
3.9 鎖定對(duì)象 59
3.10 隱藏對(duì)象 60
3.11 答疑解惑 61
3.11.1 保留頁(yè)面文件的舊版本 61
3.11.2 如何處理原型中的文字在不同瀏覽器上效果不一樣的情況？ 62
3.12 總結(jié)擴(kuò)展 62
3.12.1 本章小結(jié) 62
3.12.2 擴(kuò)展練習(xí)——使用元件制作一個(gè)標(biāo)簽面板 63

第4章 使用元件
4.1 “元件”面板 64
4.2 基本元件 65
4.2.1 矩形 65
4.2.2 圖片 66
4.2.3 占位符 68
4.2.4 按鈕 68
4.2.5 標(biāo)題 68
4.2.6 文本標(biāo)簽和文本段落 69
4.2.7 應(yīng)用案例——制作商品購(gòu)買(mǎi)頁(yè) 69
4.2.8 水平線和垂直線 70
4.2.9 熱區(qū) 70
4.2.10 動(dòng)態(tài)面板 71
4.2.11 應(yīng)用案例——使用動(dòng)態(tài)面板顯示隱藏對(duì)象 73
4.2.12 內(nèi)聯(lián)框架 74
4.2.13 中繼器 75
4.2.14 應(yīng)用案例——使用中繼器制作活動(dòng)列表頁(yè) 75
4.3 表單元件 76
4.3.1 文本框 76
4.3.2 文本域 77
4.3.3 下拉列表 78
4.3.4 列表框 79
4.3.5 復(fù)選框 79
4.3.6 單選按鈕 80
4.3.7 應(yīng)用案例——制作淘寶會(huì)員登錄頁(yè) 80
4.4 菜單|表格元件 81
4.4.1 樹(shù) 81
4.4.2 應(yīng)用案例——美化樹(shù)狀菜單的圖標(biāo) 82
4.4.3 表格 83
4.4.4 水平菜單 84
4.4.5 垂直菜單 85
4.5 標(biāo)記元件 86
4.5.1 快照 86
4.5.2 水平箭頭和垂直箭頭 87
4.5.3 便簽 87
4.5.4 圓形標(biāo)記和水滴標(biāo)記 88
4.6 流程圖 88
4.6.1 矩形和矩形組 89
4.6.2 應(yīng)用案例——設(shè)計(jì)制作手機(jī)產(chǎn)業(yè)流程圖 89
4.6.3 圓角矩形和圓角矩形組 90
4.6.4 斜角矩形和菱形 90
4.6.5 文件和文件組 90
4.6.6 括弧 91
4.6.7 半圓形 91
4.6.8 三角形 91
4.6.9 梯形 91
4.6.10 橢圓形 92
4.6.11 六邊形 92
4.6.12 平行四邊形 92
4.6.13 角色 92
4.6.14 數(shù)據(jù)庫(kù) 92
4.6.15 快照 92
4.6.16 圖片 92
4.6.17 新增流程圖元件 93
4.7 圖標(biāo)元件 93
4.8 Sample UI Patterns 94
4.8.1 按功能分組 94
4.8.2 應(yīng)用案例——制作手風(fēng)琴效果的展示圖片 95
4.9 答疑解惑 96
4.9.1 如何制作樹(shù)狀菜單元件的圖標(biāo) 96
4.9.2 盡量用一個(gè)元件完成功能 96
4.10 總結(jié)擴(kuò)展 96
4.10.1 本章小結(jié) 96
4.10.2 擴(kuò)展練習(xí)——設(shè)計(jì)制作注冊(cè)頁(yè)原型 97

第5章 元件的屬性與樣式
5.1 元件的轉(zhuǎn)換 98
5.1.1 轉(zhuǎn)換為形狀 98
5.1.2 轉(zhuǎn)換為圖片 99
5.2 元件的屬性 99
5.2.1 元件說(shuō)明 100
5.2.2 編輯元件 100
5.2.3 元件的運(yùn)算 101
5.2.4 應(yīng)用案例——制作八卦圖形 102
5.2.5 元件提示 103
5.3 元件的樣式 104
5.3.1 位置和尺寸 104
5.3.2 不透明性 104
5.3.3 排版 105
5.3.4 填充 108
5.3.5 線段 111
5.3.6 陰影 113
5.3.7 圓角 113
5.3.8 邊距 114
5.3.9 應(yīng)用案例——為商品列表添加樣式 114
5.3.10 數(shù)據(jù)集 115
5.4 創(chuàng)建和管理樣式 116
5.4.1 創(chuàng)建元件樣式 116
5.4.2 應(yīng)用案例——?jiǎng)?chuàng)建元件樣式 117
5.4.3 應(yīng)用案例——應(yīng)用元件樣式 118
5.4.4 樣式的編輯與修改 119
5.5 格式刷 120
5.5.1 使用“格式刷”命令 120
5.5.2 應(yīng)用案例——使用格式刷為表格添加樣式 121
5.6 元件的管理 121
5.7 答疑解惑 122
5.7.1 制作頁(yè)面前的準(zhǔn)備工作 122
5.7.2 使用字體圖標(biāo)而不是圖片 123
5.8 總結(jié)擴(kuò)展 123
5.8.1 本章小結(jié) 123
5.8.2 擴(kuò)展練習(xí)——制作熱門(mén)車(chē)型列表頁(yè) 123

第6章 母版與第三方元件庫(kù)
6.1 母版的概念 125
6.1.1 母版的應(yīng)用 125
6.1.2 使用母版的好處 126
6.2 “母版”面板 126
6.2.1 添加母版 126
6.2.2 添加文件夾 127
6.2.3 查找母版 127
6.3 創(chuàng)建與編輯母版 128
6.3.1 創(chuàng)建母版 128
6.3.2 應(yīng)用案例——新建iOS系統(tǒng)母版 128
6.3.3 創(chuàng)建子母版 129
6.3.4 應(yīng)用案例——新建iOS系統(tǒng)布局母版 129
6.3.5 刪除母版 130
6.4 轉(zhuǎn)換為母版 130
6.5 母版的使用情況 131
6.5.1 拖放行為 131
6.5.2 添加到頁(yè)面中 134
6.5.3 從頁(yè)面中移除 135
6.5.4 使用情況報(bào)告 135
6.6 使用第三方元件庫(kù) 135
6.6.1 下載元件庫(kù) 135
6.6.2 載入元件庫(kù) 136
6.6.3 移除元件庫(kù) 137
6.7 創(chuàng)建元件庫(kù) 137
6.7.1 了解元件庫(kù)界面 137
6.7.2 應(yīng)用案例——?jiǎng)?chuàng)建圖標(biāo)元件庫(kù) 138
6.7.3 元件庫(kù)的圖標(biāo)樣式 139
6.7.4 編輯元件庫(kù) 139
6.7.5 添加圖片文件夾 140
6.8 答疑解惑 140
6.8.1 不要復(fù)制對(duì)象，而是轉(zhuǎn)換為母版 140
6.8.2 如何將較大的組合轉(zhuǎn)換為母版 141
6.9 總結(jié)擴(kuò)展 141
6.9.1 本章小結(jié) 141
6.9.2 擴(kuò)展練習(xí)——?jiǎng)?chuàng)建微信元件庫(kù) 141

第7章 簡(jiǎn)單交互設(shè)計(jì)
7.1 了解“交互”面板 142
7.2 頁(yè)面交互基礎(chǔ) 143
7.2.1 頁(yè)面交互事件 143
7.2.2 打開(kāi)鏈接 144
7.2.3 應(yīng)用案例—— 打開(kāi)頁(yè)面鏈接 145
7.2.4 關(guān)閉窗口 146
7.2.5 在框架中打開(kāi)鏈接 146
7.2.6 滾動(dòng)到元件 147
7.3 元件交互基礎(chǔ) 147
7.3.1 元件交互事件 147
7.3.2 顯示/隱藏 148
7.3.3 應(yīng)用案例——設(shè)計(jì)制作顯示/隱藏圖片 150
7.3.4 應(yīng)用案例——為“動(dòng)態(tài)面板”元件添加樣式 151
7.3.5 應(yīng)用案例——制作輪播圖 152
7.3.6 設(shè)置文本 152
7.3.7 設(shè)置面板狀態(tài) 153
7.3.8 應(yīng)用案例——為元件添加文本 154
7.3.9 應(yīng)用案例—— 制作按鈕交互狀態(tài) 154
7.3.10 設(shè)置選中 155
7.3.11 啟用/禁用 156
7.3.12 移動(dòng) 156
7.3.13 應(yīng)用案例——設(shè)計(jì)制作切換案例 156
7.3.14 旋轉(zhuǎn) 157
7.3.15 應(yīng)用案例——制作抽獎(jiǎng)幸運(yùn)轉(zhuǎn)盤(pán) 157
7.3.16 設(shè)置尺寸 158
7.3.17 置于頂層/底層 158
7.3.18 設(shè)置不透明 158
7.3.19 獲取焦點(diǎn) 159
7.3.20 展開(kāi)/收起樹(shù)節(jié)點(diǎn) 159
7.4 設(shè)置交互樣式 159
7.4.1 為元件設(shè)置交互樣式 159
7.4.2 應(yīng)用案例——為元件設(shè)置交互樣式 160
7.4.3 應(yīng)用案例——制作動(dòng)態(tài)按鈕 161
7.5 答疑解惑 161
7.5.1 如何通過(guò)“動(dòng)態(tài)面板”實(shí)現(xiàn)焦點(diǎn)圖片效果 161
7.5.2 使用“設(shè)置尺寸”動(dòng)作完成進(jìn)度條的制作 162
7.6 總結(jié)擴(kuò)展 163
7.6.1 本章小結(jié) 163
7.6.2 擴(kuò)展練習(xí)—— 設(shè)計(jì)與制作按鈕交互樣式 163

第8章 高級(jí)交互設(shè)計(jì)
8.1 變量 164
8.1.1 全局變量 164
8.1.2 應(yīng)用案例——使用全局變量 165
8.1.3 局部變量 166
8.1.4 添加條件 168
8.1.5 應(yīng)用案例——設(shè)計(jì)與制作用戶登錄界面 171
8.1.6 使用表達(dá)式 172
8.1.7 應(yīng)用案例——使用變量完成加法運(yùn)算 172
8.1.8 應(yīng)用案例——制作滑動(dòng)解鎖頁(yè)面 173
8.1.9 應(yīng)用案例——為滑動(dòng)解鎖設(shè)置情形 174
8.1.10 應(yīng)用案例——查看滑動(dòng)解鎖的效果 175
8.2 中繼器的組成 175
8.2.1 數(shù)據(jù)集 175
8.2.2 項(xiàng)目交互 175
8.2.3 中繼器元件動(dòng)作 176
8.3 中繼器動(dòng)作 176
8.3.1 設(shè)置分頁(yè)與數(shù)量 176
8.3.2 應(yīng)用案例——使用中繼器添加分頁(yè) 177
8.3.3 添加和移除排序 178
8.3.4 應(yīng)用案例——使用中繼器設(shè)置排序 179
8.3.5 添加和移除篩選 179
8.3.6 添加和移除項(xiàng)目 180
8.3.7 應(yīng)用案例——使用中繼器實(shí)現(xiàn)自增 180
8.3.8 項(xiàng)目列表操作 181
8.3.9 應(yīng)用案例——使用中繼器顯示頁(yè)碼1 181
8.3.10 應(yīng)用案例——使用中繼器顯示頁(yè)碼2 182
8.4 其他動(dòng)作 182
8.5 函數(shù) 183
8.5.1 了解函數(shù) 183
8.5.2 應(yīng)用案例——使用時(shí)間函數(shù) 184
8.5.3 中繼器/數(shù)據(jù)集 184
8.5.4 元件函數(shù) 185
8.5.5 應(yīng)用案例——設(shè)計(jì)與制作寶貝詳情頁(yè)1 185
8.5.6 應(yīng)用案例——設(shè)計(jì)與制作寶貝詳情頁(yè)2 186
8.5.7 頁(yè)面函數(shù) 186
8.5.8 窗口函數(shù) 187
8.5.9 鼠標(biāo)指針函數(shù) 187
8.5.10 應(yīng)用案例——制作產(chǎn)品局部放大草圖 187
8.5.11 應(yīng)用案例——為產(chǎn)品局部放大原型添加交互1 188
8.5.12 應(yīng)用案例——為產(chǎn)品局部放大原型添加交互2 189
8.5.13 數(shù)字函數(shù) 189
8.5.14 字符串函數(shù) 190
8.5.15 數(shù)學(xué)函數(shù) 191
8.5.16 應(yīng)用案例——設(shè)計(jì)制作計(jì)算器效果 192
8.5.17 日期函數(shù) 192
8.5.18 應(yīng)用案例——使用日期函數(shù)1 194
8.5.19 應(yīng)用案例——使用日期函數(shù)2 194
8.6 答疑解惑 195
8.6.1 盡量使用簡(jiǎn)潔的交互效果 195
8.6.2 什么情況下會(huì)使用全局變量 195
8.7 總結(jié)擴(kuò)展 196
8.7.1 本章小結(jié) 196
8.7.2 擴(kuò)展練習(xí)——設(shè)計(jì)制作商品購(gòu)買(mǎi)頁(yè)面 196


第9章 團(tuán)隊(duì)合作
9.1 使用團(tuán)隊(duì)項(xiàng)目 197
9.2 創(chuàng)建團(tuán)隊(duì)項(xiàng)目 197
9.3 打開(kāi)團(tuán)隊(duì)項(xiàng)目 199
9.4 加入團(tuán)隊(duì)項(xiàng)目 200
9.5 編輯團(tuán)隊(duì)項(xiàng)目 201
9.6 “團(tuán)隊(duì)”菜單 203
9.7 Axure 云 205
9.7.1 創(chuàng)建Axure云賬號(hào) 205
9.7.2 發(fā)布到Axure云 206
9.8 答疑解惑 208
9.8.1 團(tuán)隊(duì)協(xié)作和使用版本管理工具的作用 208
9.8.2 Axure RP 9共享項(xiàng)目的幾種頁(yè)面狀態(tài) 208
9.9 總結(jié)擴(kuò)展 208
9.9.1 本章小結(jié) 208
9.9.2 擴(kuò)展練習(xí)——完成團(tuán)隊(duì)項(xiàng)目的簽入與簽出 209

第10章 發(fā)布與輸出
10.1 預(yù)覽原型 210
10.2 預(yù)覽選項(xiàng) 211
10.3 生成器 211
10.3.1 HTML生成器 212
10.3.2 Word生成器 214
10.3.3 更多生成器 216
10.4 答疑解惑 217
10.4.1 制作的App原型如何在手機(jī)上演示 217
10.4.2 如何將原型導(dǎo)出為圖片 217
10.5 總結(jié)擴(kuò)展 218
10.5.1 本章小結(jié) 218
10.5.2 擴(kuò)展練習(xí)—— 發(fā)布一個(gè) HTML文件 218

第11章 設(shè)計(jì)與制作PC端網(wǎng)頁(yè)原型
11.1 設(shè)計(jì)與制作QQ郵箱加載頁(yè)面 220
11.1.1 案例描述 220
11.1.2 案例分析 221
11.1.3 制作步驟 222
11.2 設(shè)計(jì)與制作新浪微博評(píng)論頁(yè)面 223
11.2.1 案例描述 224
11.2.2 案例分析 224
11.2.3 制作步驟 225
11.3 設(shè)計(jì)與制作寶貝分類(lèi)頁(yè)面 226
11.3.1 案例描述 226
11.3.2 案例分析 227
11.3.3 制作步驟 228
11.4 設(shè)計(jì)與制作課程購(gòu)買(mǎi)頁(yè)面 229
11.4.1 案例描述 229
11.4.2 案例分析 230
11.4.3 制作步驟 230
11.5 設(shè)計(jì)與制作手機(jī)號(hào)碼輸入頁(yè)面 231
11.5.1 案例描述 232
11.5.2 案例分析 232
11.5.3 制作步驟 233
11.6 設(shè)計(jì)與制作課程選擇頁(yè)面 234
11.6.1 案例描述 234
11.6.2 案例分析 235
11.6.3 制作步驟 236
11.7 設(shè)計(jì)與制作瀏覽信息頁(yè)面 237
11.7.1 案例描述 237
11.7.2 案例分析 238
11.7.3 制作步驟 239
11.8 設(shè)計(jì)與制作重置密碼頁(yè)面 240
11.8.1 案例描述 241
11.8.2 案例分析 241
11.8.3 制作步驟 244

第12章 設(shè)計(jì)與制作移動(dòng)端網(wǎng)頁(yè)原型
12.1 設(shè)計(jì)與制作App啟動(dòng)頁(yè)面原型 247
12.1.1 案例描述 247
12.1.2 案例分析 248
12.1.3 制作步驟 250
12.2 設(shè)計(jì)與制作App會(huì)員系統(tǒng)頁(yè)面原型 251
12.2.1 案例描述 251
12.2.2 案例分析 252
12.2.3 制作步驟 252
12.3 設(shè)計(jì)與制作App首頁(yè)原型 253
12.3.1 案例描述 254
12.3.2 案例分析 254
12.3.3 制作步驟 255
12.4 設(shè)計(jì)與制作App設(shè)計(jì)師頁(yè)面原型 256
12.4.1 案例描述 256
12.4.2 案例分析 256
12.4.3 制作步驟 256
12.5 設(shè)計(jì)與制作App頁(yè)面導(dǎo)航交互 258
12.5.1 案例描述 258
12.5.2 案例分析 258
12.5.3 制作步驟 260
12.6 設(shè)計(jì)與制作App注冊(cè)/登錄頁(yè)面交互 261
12.6.1 案例描述 262
12.6.2 案例分析 262
12.6.3 制作步驟 262
12.7 設(shè)計(jì)與制作App主頁(yè)面交互 263
12.7.1 案例描述 264
12.7.2 案例分析 264
12.7.3 制作步驟 266
附錄A Axure RP 9常用快捷鍵 268
附錄B Axure RP 9與Photoshop 270
附錄C Axure RP 9與HyperSnap 273