速學(xué)Axure RP：產(chǎn)品原型設(shè)計(jì)從入門(mén)到進(jìn)階

前言
第1章 你好，Axure RP / 1
本章將介紹Axure RP軟件的安裝，軟件的功能模塊，完成基本設(shè)置，并介紹軟件的基本操作。
1.1 什么是Axure RP / 2
1.2 完成Axure RP的安裝 / 2
1.2.1 軟件下載 / 2
1.2.2 軟件安裝 / 2
1.2.3 軟件漢化 / 3
1.2.4 軟件授權(quán) / 4
1.3 熟悉Axure RP的基本功能 / 5
1.3.1 快捷工具欄 / 5
1.3.2 頁(yè)面功能面板 / 5
1.3.3 元件功能面板 / 5
1.3.4 母版功能面板 / 6
1.3.5 交互功能面板 / 6
1.3.6 樣式功能面板 / 7
1.3.7 說(shuō)明功能面板 / 7
1.3.8 概要功能面板 / 8
1.3.9 畫(huà)布 / 9
1.4 畫(huà)布中的操作技巧 / 10
1.4.1 元件的操作 / 10
1.4.2 畫(huà)布的操作 / 11
1.4.3 輔助線的操作 / 12
1.4.4 頁(yè)面標(biāo)簽的操作 / 12
1.5 讓Axure RP更易用——設(shè)置基本
工作環(huán)境 / 13
1.5.1 偏好設(shè)置 / 13
1.5.2 視圖設(shè)置 / 15
1.6 認(rèn)識(shí)Axure RP的文件類(lèi)型 / 17
第2章 上手Axure RP—基于線框草圖的原型設(shè)計(jì) / 18
通過(guò)一個(gè)完整的Web產(chǎn)品設(shè)計(jì)案例——產(chǎn)品班網(wǎng)站的設(shè)計(jì)，分析并梳理產(chǎn)品結(jié)構(gòu)，通過(guò)產(chǎn)品結(jié)構(gòu)完成產(chǎn)品原型結(jié)構(gòu)搭建，并進(jìn)一步完善頁(yè)面布局和功能組成，最終形成能夠體現(xiàn)產(chǎn)品需求的線框草圖。在這一章中，還對(duì)元件與母版的用途進(jìn)行了詳細(xì)介紹，讓讀者能夠靈活地使用元件，提升原型制作的效率。
2.1 了解思維導(dǎo)圖工具——Xmind / 19
2.1.1 關(guān)于Xmind / 19
2.1.2 Xmind下載與安裝 / 19
2.1.3 設(shè)置圖表類(lèi)型 / 19
2.1.4 基本操作 / 19
2.2 使用Xmind建立產(chǎn)品結(jié)構(gòu) / 20
2.2.1 產(chǎn)品的頁(yè)面組成 / 20
2.2.2 產(chǎn)品的功能組成 / 22
2.2.3 產(chǎn)品的元素組成 / 23
2.3 Axure RP實(shí)現(xiàn)產(chǎn)品原型頁(yè)面布局 / 25
2.3.1 產(chǎn)品的頁(yè)面組成 / 26
2.3.2 產(chǎn)品的功能組成 / 27
2.3.3 設(shè)置產(chǎn)品原型的尺寸 / 29
2.3.4 柵格化布局 / 31
2.3.5 繪制草圖 / 34
2.4 別用錯(cuò)了那個(gè)元件——詳解
Axure RP的元件庫(kù) / 36
2.4.1 圖標(biāo)元件庫(kù)（Icons） / 36
2.4.2 流程元件庫(kù)（Flow） / 40
2.4.3 默認(rèn)元件庫(kù)（Default） / 43
2.4.4 更多元件庫(kù) / 51
2.4.5 圖標(biāo)字體 / 52
2.5 讓原型變一個(gè)樣子——設(shè)置樣式 / 57
2.5.1 元件的樣式設(shè)置 / 57
2.5.2 頁(yè)面的樣式設(shè)置 / 73
2.5.3 管理元件與頁(yè)面的樣式方案 / 75
2.6 拒絕重復(fù)工作——母版的使用 / 79
第3章 讓用戶看到我們的原型 / 86
原型設(shè)計(jì)文件是供產(chǎn)品設(shè)計(jì)師們和產(chǎn)品經(jīng)理們討論產(chǎn)品的一個(gè)溝通交流工具，如何把產(chǎn)品原型設(shè)計(jì)文件發(fā)布出來(lái)供大家使用是必須掌握的內(nèi)容。本章將介紹把Axure RP制作的原型文件發(fā)布出來(lái)供用戶使用的幾種方法。
3.1 把原型頁(yè)面導(dǎo)出圖片 / 87
3.2 實(shí)時(shí)預(yù)覽查看原型設(shè)計(jì)效果 / 87
3.3 讓用戶通過(guò)鏈接查看原型 / 88
3.4 將原型生成HTML文件 / 91
3.5 簡(jiǎn)潔實(shí)用的原型播放器 / 92
3.6 安裝插件谷歌瀏覽器 / 95
第4章 Axure RP交互原型的快速實(shí)現(xiàn) / 98
介紹交互的概念以及交互分析的方法，完成線框草圖向交互原型的過(guò)渡。
4.1 了解交互的概念 / 99
4.2 元件的屬性 / 99
4.2.1 形狀的屬性 / 99
4.2.2 圖片的屬性 / 102
4.2.3 文本框的屬性 / 102
4.2.4 文本域的屬性 / 105
4.2.5 下拉列表的屬性 / 105
4.2.6 列表框的屬性 / 106
4.2.7 單選按鈕的屬性 / 107
4.2.8 復(fù)選框的屬性 / 107
4.3 通過(guò)交互觸發(fā)的樣式 / 108
4.3.1 提示文字的樣式 / 110
4.3.2 獲取焦點(diǎn)時(shí)的樣式 / 110
4.3.3 鼠標(biāo)懸停時(shí)的樣式 / 110
4.3.4 鼠標(biāo)按下時(shí)的樣式 / 111
4.3.5 選中時(shí)的樣式 / 111
4.3.6 禁用時(shí)的樣式 / 112
4.4 完成交互事件的固定套路 / 114
4.4.1 交互事件分析的方法 / 114
4.4.2 交互事件設(shè)置的過(guò)程 / 115
4.4.3 交互事件的情形 / 120
4.4.4 情形的條件設(shè)置 / 122
4.4.5 交互事件操作小結(jié) / 139
4.5 用元件組合實(shí)現(xiàn)交互 / 142
4.5.1 交互動(dòng)作統(tǒng)一控制多個(gè)元件 / 142
4.5.2 多個(gè)元件添加同一交互事件 / 145
4.6 用內(nèi)聯(lián)框架嵌入內(nèi)容實(shí)現(xiàn)交互 / 148
4.6.1 嵌入項(xiàng)目?jī)?nèi)頁(yè)面 / 148
4.6.2 鏈接URL或文件 / 151
4.7 通過(guò)功能強(qiáng)大的動(dòng)態(tài)面板實(shí)現(xiàn)
交互 / 156
4.7.1 動(dòng)態(tài)面板的狀態(tài)編輯 / 156
4.7.2 動(dòng)態(tài)面板的多狀態(tài)切換 / 159
4.7.3 動(dòng)態(tài)面板狀態(tài)的循環(huán)切換 / 165
4.7.4 使動(dòng)態(tài)面板適應(yīng)頁(yè)面寬度 / 169
4.7.5 動(dòng)態(tài)面板固定到瀏覽器的
功能 / 172
4.7.6 動(dòng)態(tài)面板滾動(dòng)時(shí)的交互 / 174
4.7.7 動(dòng)態(tài)面板拖動(dòng)時(shí)的交互 / 176
第5章 用Axure RP讓產(chǎn)品文檔更精彩 / 184
介紹如何通過(guò)Axure RP將產(chǎn)品原型更好地與產(chǎn)品文檔相結(jié)合，以更加明確地通過(guò)產(chǎn)品原型設(shè)計(jì)文件體現(xiàn)產(chǎn)品需求，方便產(chǎn)品設(shè)計(jì)過(guò)程中的溝通與交流。
5.1 用標(biāo)記元件實(shí)現(xiàn)產(chǎn)品結(jié)構(gòu)圖 / 185
5.2 用標(biāo)記元件表達(dá)產(chǎn)品功能的使用場(chǎng)景 / 187
5.3 形式多樣的產(chǎn)品原型標(biāo)注說(shuō)明 / 190
第6章 玩轉(zhuǎn)Axure RP中的變量與函數(shù) / 193
介紹變量與函數(shù)在交互原型中的應(yīng)用，體現(xiàn)如何通過(guò)變量與函數(shù)解決原型交互需求，提升原型制作效率，讓原型有更好的擴(kuò)展性與重用性。
6.1 Axure RP中的公式 / 194
6.2