跟小樓老師學用 Axure RP 9：玩轉產品原型設計

小樓老師（小樓一夜聽春語）

“會點兒編程的偽產品經理”，國內產品原型設計培訓師，
Axure RP 系列軟件漢化作者，專注Axure RP應用培訓與課程研發/AxureRP圖書寫作多年。
自2015年起出版多部國內口碑銷量卓著的Axure RP教程，
自2013年起開展的Axure RP企業/個人培訓線上線下累計培訓人數近百萬，
小樓老師開設的個人網站：www.iaxure.com是國內*為專業的AuxreRP教學網站
（另建有產品經理資源分享平臺Chanpinban.com）。
近來更致力於推動Python培訓（Opython.com），以滿足廣大學習者的實際需求。

前言
第1章 你好，Axure RP 9！/ 1
本章將介紹Axure RP 9軟件的安裝，軟件的功能模塊，
完成基本設置，並介紹軟件的基本操作。
1.1 Axure RP是什麼？/ 2
1.2 完成Axure RP 的安裝 / 3
1.2.1 軟件下載 / 3
1.2.2 軟件安裝 / 3
1.2.3 軟件漢化 / 4
1.2.4 軟件授權 / 5
1.3 熟悉Axure RP 的基本功能 / 6
1.3.1 快捷工具欄 / 6
1.3.2 頁面功能面板 / 6
1.3.3 元件功能面板 / 6
1.3.4 母版功能面板 / 7
1.3.5 交互功能面板 / 7
1.3.6 樣式功能面板 / 8
1.3.7 說明功能面板 / 9
1.3.8 概要功能面板 / 9
1.3.9 畫布 / 9
1.4 畫布的基本操作 / 11
1.4.1 元件的操作 / 11
1.4.2 畫布的操作 / 12
1.4.3 輔助線的操作 / 13
1.4.4 頁面標簽的操作 / 13
1.5 讓Axure RP更易用―設置基本
工作環境 / 14
1.5.1 偏好設置 / 14
1.5.2 視圖設置 / 17
1.6 認識Axure RP 的文件類型 / 19

第2章 上手Axure RP―基於線框草圖的原型設計 / 21
本章通過一個Web產品原型設計案例―產品班網站的設計，分析並梳理產品結構，
通過產品結構完成產品原型結構搭建，並進一步完善頁面布局和功能組成，
最終形成能夠體現產品需求的線框草圖。
並且在這一章會對元件與母版的用途進行詳細介紹，
讓讀者能夠靈活地使用元件，提升原型製作的效率。
2.1 瞭解思維導圖工具―Xmind / 22
2.1.1 關於Xmind / 22
2.1.2 Xmind下載與安裝 / 22
2.1.3 設置圖表類型 / 22
2.1.4 基本操作 / 23
2.2 使用Xmind建立產品結構 / 23
2.2.1 產品的頁面組成 / 24
2.2.2 產品的功能組成 / 26
2.2.3 產品的元素組成 / 27
2.3 Axure RP 實現產品原型頁面布局 / 30
2.3.1 產品頁面組成 / 30
2.3.2 產品的功能組成 / 32
2.3.3 產品原型的尺寸 / 34
2.3.4 柵格化佈局 / 36
2.3.5 繪製草圖 / 39

2.4 別用錯了那個元件―詳解
Axure RP的元件庫 / 41
2.4.1 圖標元件庫(Icons) / 41
2.4.2 流程元件庫(Flow) / 46
2.4.3 默認元件庫(Default) / 49
2.4.4 更多元件庫 / 58
2.5 讓原型變一個樣子―設置樣式 / 59
2.5.1 元件的樣式設置 / 60
2.5.2 頁面的樣式設置 / 76
2.5.3 管理元件與頁面的樣式方案 / 78
2.6 拒絕重複工作―母版的使用 / 82

第3章 讓用戶看到我們的原型 / 89
原型設計文件是供產品設計師們和產品經理們討論產品的一個溝通交流工具，
如何把產品原型設計文件發佈出來供大家使用是必須掌握的內容。
本章將介紹把Axure RP 9 製作的原型文件以不同形式發佈出來供用戶使用的方法。
3.1 把原型頁面導出為圖片 / 90
3.2 實時預覽查看原型設計效果 / 90
3.3 讓用戶通過鏈接查看原型 / 91
3.4 將原型生成為HTML文件 / 95
3.5 簡潔實用的原型播放器 / 96
3.6 安裝穀歌瀏覽器插件 / 9

第4章 Axure RP交互原型的快速實現 / 103
本章介紹交互的概念以及交互分析的方法，完成線框草圖向交互原型的過渡。
4.1 瞭解交互的概念 / 104
4.2 元件的屬性是重點 / 104
4.2.1 形狀的屬性 / 104
4.2.2 圖片的屬性 / 107
4.2.3 文本框的屬性 / 107
4.2.4 文本域的屬性 / 110
4.2.5 下拉列表的屬性 / 110
4.2.6 列表框的屬性 / 111
4.2.7 單選按鈕的屬性 / 111
4.2.8 複選框的屬性 / 112
4.3 通過交互觸發的樣式 / 113
4.3.1 提示文本的樣式 / 115
4.3.2 獲取焦點時的樣式 / 115
4.3.3 鼠標懸停時的樣式 / 116
4.3.4 鼠標按下時的樣式 / 117
4.3.5 選中時的樣式 / 117
4.3.6 禁用時的樣式 / 118
4.4 完成交互事件的固定套路 / 119
4.4.1 描述交互事件分析的關鍵
要素 / 119
4.4.2 交互事件設置的過程 / 121
4.4.3 交互事件的情形 / 125
4.4.4 情形的條件設置 / 128
4.4.5 交互事件操作小結 / 145
4.5 用元件組合實現交互 / 148
4.6 用內聯框架嵌入內容實現交互 / 153
4.6.1 嵌入項目內頁面 / 154
4.6.2 嵌入URL鏈接或文件 / 156
4.7 通過功能強大的動態面板實現
交互 / 162
4.7.1 動態面板的狀態編輯 / 162
4.7.2 動態面板的多狀態切換 / 165
4.7.3 動態面板狀態的循環
切換 / 172
4.7.4 使動態面板適應頁面
寬度 / 175
4.7.5 動態面板固定到瀏覽器的
功能 / 178
4.7.6 動態面板滾動時的交互 / 181
4.7.7 動態面板拖動時的交互 / 184

第5章 用Axure RP讓產品文檔更精彩 / 191
本章介紹如何通過Axure RP 9將產品原型更好地與產品文檔相結合，
以更加明確地通過產品原型體現產品需求，方便產品設計過程中的溝通與交流。
5.1 用標記元件實現產品結構圖 / 192
5.2 用標記元件表達產品功能的使用
場景 / 194
5.3 形式多樣的產品原型標注說明 / 197
5.3 形式多樣的產品原型標注說明 / 223

第6章 玩轉Axure RP中的變量與函數 / 201
本章介紹變量與函數在交互原型中的應用，體現如何通過變量與函數解決原型交互需求，
提升原型製作效率，讓原型有更好的擴展性與重用性。
6.1 Axure RP中的公式 / 202
6.2 使用局部變量參與值的運算 / 203
6.3 使用全局變量跨頁面傳遞數據 / 206
6.4 使用系統變量獲取各類屬性值 / 213
6.5 使用函數參與值的運算 / 224

第7章 通過中繼器實現產品原型的數據交互 / 233
本章介紹中繼器元件的使用方法以及其在高保真原型中的應用。
7.1 瞭解中繼器的結構和基本設置 / 234
7.2 為數據集添加數據 / 244
7.3 更新數據集的數據 / 250
7.4 刪除數據集的數據 / 253
7.5 實現列表的篩選功能 / 260
7.6 實現列表的排序功能 / 274
7.7 實現列表的分頁與翻頁 / 278
7.8 使用系統變量完善列表功能 / 281
尾聲 / 286