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

前言
第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  安裝穀歌流覽器外掛程式 / 99 

第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