跟小樓老師學(xué)用Axure RP 9 玩轉(zhuǎn)產(chǎn)品原型設(shè)計(jì)

前言
第1章 你好，Axure RP 9！/ 1
本章將介紹Axure RP 9軟件的安裝，軟件的功能模塊，完成基本設(shè)置，并介紹軟件的基本操作。

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 軟件授權(quán) / 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 頁面標(biāo)簽的操作 / 13
1.5 讓Axure RP更易用—設(shè)置基本
工作環(huán)境 / 14
1.5.1 偏好設(shè)置 / 14
1.5.2 視圖設(shè)置 / 17
1.6 認(rèn)識(shí)Axure RP 的文件類型 / 19

第2章 上手Axure RP—基于線框草圖的原型設(shè)計(jì) / 21
本章通過一個(gè)Web產(chǎn)品原型設(shè)計(jì)案例—產(chǎn)品班網(wǎng)站的設(shè)計(jì)，分析并梳理產(chǎn)品結(jié)構(gòu)，通過產(chǎn)品結(jié)構(gòu)完成產(chǎn)品原型結(jié)構(gòu)搭建，并進(jìn)一步完善頁面布局和功能組成，最終形成能夠體現(xiàn)產(chǎn)品需求的線框草圖。并且在這一章會(huì)對(duì)元件與母版的用途進(jìn)行詳細(xì)介紹，讓讀者能夠靈活地使用元件，提升原型制作的效率。

2.1 了解思維導(dǎo)圖工具—Xmind / 22
2.1.1 關(guān)于Xmind / 22
2.1.2 Xmind下載與安裝 / 22
2.1.3 設(shè)置圖表類型 / 22
2.1.4 基本操作 / 23
2.2 使用Xmind建立產(chǎn)品結(jié)構(gòu) / 23
2.2.1 產(chǎn)品的頁面組成 / 24
2.2.2 產(chǎn)品的功能組成 / 26
2.2.3 產(chǎn)品的元素組成 / 27
2.3 Axure RP 實(shí)現(xiàn)產(chǎn)品原型頁面布局 / 30
2.3.1 產(chǎn)品頁面組成 / 30
2.3.2 產(chǎn)品的功能組成 / 32
2.3.3 產(chǎn)品原型的尺寸 / 34
2.3.4 柵格化布局 / 36
2.3.5 繪制草圖 / 39

2.4 別用錯(cuò)了那個(gè)元件—詳解
Axure RP的元件庫 / 41
2.4.1 圖標(biāo)元件庫（Icons） / 41
2.4.2 流程元件庫（Flow） / 46
2.4.3 默認(rèn)元件庫（Default） / 49
2.4.4 更多元件庫 / 58
2.5 讓原型變一個(gè)樣子—設(shè)置樣式 / 59
2.5.1 元件的樣式設(shè)置 / 60
2.5.2 頁面的樣式設(shè)置 / 76
2.5.3 管理元件與頁面的樣式方案 / 78
2.6 拒絕重復(fù)工作—母版的使用 / 82
第3章 讓用戶看到我們的原型 / 89
原型設(shè)計(jì)文件是供產(chǎn)品設(shè)計(jì)師們和產(chǎn)品經(jīng)理們討論產(chǎn)品的一個(gè)溝通交流工具，如何把產(chǎn)品原型設(shè)計(jì)文件發(fā)布出來供大家使用是必須掌握的內(nèi)容。本章將介紹把Axure RP 9 制作的原型文件以不同形式發(fā)布出來供用戶使用的方法。

3.1 把原型頁面導(dǎo)出為圖片 / 90
3.2 實(shí)時(shí)預(yù)覽查看原型設(shè)計(jì)效果 / 90
3.3 讓用戶通過鏈接查看原型 / 91
3.4 將原型生成為HTML文件 / 95
3.5 簡(jiǎn)潔實(shí)用的原型播放器 / 96
3.6 安裝谷歌瀏覽器插件 / 99
第4章 Axure RP交互原型的快速實(shí)現(xiàn) / 103
本章介紹交互的概念以及交互分析的方法，完成線框草圖向交互原型的過渡。

4.1 了解交互的概念 / 104
4.2 元件的屬性是重點(diǎn) / 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 復(fù)選框的屬性 / 112
4.3 通過交互觸發(fā)的樣式 / 113
4.3.1 提示文本的樣式 / 115
4.3.2 獲取焦點(diǎn)時(shí)的樣式 / 115
4.3.3 鼠標(biāo)懸停時(shí)的樣式 / 116
4.3.4 鼠標(biāo)按下時(shí)的樣式 / 117
4.3.5 選中時(shí)的樣式 / 117
4.3.6 禁用時(shí)的樣式 / 118
4.4 完成交互事件的固定套路 / 119
4.4.1 描述交互事件分析的關(guān)鍵
要素 / 119
4.4.2 交互事件設(shè)置的過程 / 121
4.4.3 交互事件的情形 / 125
4.4.4 情形的條件設(shè)置 / 128
4.4.5 交互事件操作小結(jié) / 145

4.5 用元件組合實(shí)現(xiàn)交互 / 148
4.6 用內(nèi)聯(lián)框架嵌入內(nèi)容實(shí)現(xiàn)交互 / 153
4.6.1 嵌入項(xiàng)目?jī)?nèi)頁面 / 154
4.6.2 嵌入U(xiǎn)RL鏈接或文件 / 156
4.7 通過功能強(qiáng)大的動(dòng)態(tài)面板實(shí)現(xiàn)
交互 / 162
4.7.1 動(dòng)態(tài)面板的狀態(tài)編輯 / 162
4.7.2 動(dòng)態(tài)面板的多狀態(tài)切換 / 165
4.7.3 動(dòng)態(tài)面板狀態(tài)的循環(huán)
切換 / 172
4.7.4 使動(dòng)態(tài)面板適應(yīng)頁面
寬度 / 175
4.7.5 動(dòng)態(tài)面板固定到瀏覽器的
功能 / 178
4.7.6 動(dòng)態(tài)面板滾動(dòng)時(shí)的交互 / 181
4.7.7 動(dòng)態(tài)面板拖動(dòng)時(shí)的交互 / 184
第5章 用Axure RP讓產(chǎn)品文檔更精彩 / 191
本章介紹如何通過Axure RP 9將產(chǎn)品原型更好地與產(chǎn)品文檔相結(jié)合，以更加明確地通過產(chǎn)品原型體現(xiàn)產(chǎn)品需求，方便產(chǎn)品設(shè)計(jì)過程中的溝通與交流。

5.1 用標(biāo)記元件實(shí)現(xiàn)產(chǎn)品結(jié)構(gòu)圖 / 192
5.2 用標(biāo)記元件表達(dá)產(chǎn)品功能的使用
場(chǎng)景 / 194
5.3 形式多樣的產(chǎn)品原型標(biāo)注說明 / 197
5.3 形式多樣的產(chǎn)品原型標(biāo)注說明 / 223
第6章 玩轉(zhuǎn)Axure RP中的變量與函數(shù) / 201
本章介紹變量與函數(shù)在交互原型中的應(yīng)用，體現(xiàn)如何通過變量與函數(shù)解決原型交互需求，提升原型制作效率，讓原型有更好的擴(kuò)展性與重用性。

6.1 Axure RP中的公式 / 202
6.2 使用局部變量參與值的運(yùn)算 / 203
6.3 使用全局變量跨頁面?zhèn)鬟f數(shù)據(jù) / 206
6.4 使用系統(tǒng)變量獲取各類屬性值 / 213
6.5 使用函數(shù)參與值的運(yùn)算 / 224
第7章 通過中繼器實(shí)現(xiàn)產(chǎn)品原型的數(shù)據(jù)交互 / 233
本章介紹中繼器元件的使用方法以及其在高保真原型中的應(yīng)用。

7.1 了解中繼器的結(jié)構(gòu)和基本設(shè)置 / 234
7.2 為數(shù)據(jù)集添加數(shù)據(jù) / 244
7.3 更新數(shù)據(jù)集的數(shù)據(jù) / 250
7.4 刪除數(shù)據(jù)集的數(shù)據(jù) / 253
7.5 實(shí)現(xiàn)列表的篩選功能 / 260
7.6 實(shí)現(xiàn)列表的排序功能 / 274
7.7 實(shí)現(xiàn)列表的分頁與翻頁 / 278
7.8 使用系統(tǒng)變量完善列表功能 / 281
尾聲 / 286