1.顛覆傳統圖書的寫法，注重理論與實踐相結合，邊學邊練，學以致用。
2.顛覆了傳統的UI圖書的寫法。是一本以實例為驅動的UI設計書籍。
3.通過實用案例的制作介紹了網站UI產品原型界面的制作方法。
4.幫助讀者快速掌握Axure RP 9的功能和操作技巧。
6.配套豐富的視頻資源，幫助讀者輕松學習。

Axure RP 9是一款專業產品原型設計軟件，它能夠按照用戶的需求快速創建應用軟件、Web網頁或App的線框圖、流程圖、原型和Word說明文檔。同時它還支持多人協作設計和版本控制管理。
本書詳細介紹了互聯網產品原型設計制作的方法，以Axure RP 9為主要工具，詳細講解互聯網產品原型從創建到輸出的過程。本書由淺入深地講解互聯網產品原型的創建方法，以知識點+實例+綜合實戰的講解方式，幫助讀者快速掌握Axure RP 9的使用方法和技巧。本書共12章，分別為了解互聯網產品原型設計、了解Axure RP 9、頁面管理與自適應視件的樣式和交互、使用母版和動態面板、變量與表達式、函數的使用、使用中繼器、團隊合作與輸出、設計制作網頁原型和設計制作App原型。
本書適合原型設計制作初學者以及原型設計制作愛好者閱讀，可以作為UI設計師和UE設計師參考書，也可以作為學校相關課程的配套教材或互聯網公司、高新科技企業新人培訓的教程。

陳穎，副教授，1996.8—2005.8企業技術人員，2005.9--2007.7保定技師學院教師，2007.8—今河北軟件職業技術學院教師。2012年獲得院級“第九屆課件比賽一等獎”、“河北省第十六屆多媒體教育軟件大獎賽二等獎”、“第十二屆全國多媒體課件大獎賽三等獎”、“第十六屆全國多媒體教育軟件大獎賽三等獎”。2013年獲得“第十屆課件比賽一等獎”、“第十三屆全國多媒體課件河北賽區高職組二等獎”。

第 1章了解互聯網產品原型設計
1．1什麼是原型設計1
1．2原型設計的參與者2
1．3如何體現原型設計2
1．3．1紙質2
1．3．2Word和Visio3
1．3．3原型設計軟件4
1．4原型設計的必要性和作用4
1．4．1原型設計的必要性4
1．4．2原型設計的作用5
1．4．3原型設計的要點5
1．5原型設計中的用戶體驗6
1．5．1用戶體驗包含的內容6
1．5．2用戶體驗的生命周期7
1．5．3用戶體驗的需求層次8
1．6思維導圖與原型設計8
1．6．1思維導圖的作用8
1．6．2思維導圖的基本類型9
1．7思維導圖軟件介紹10
1．7．1MindMeister10
1．7．2XMind10
課堂操作——安裝並使用XMind ZEN11
1．7．3MindManager12
1．8本章小結13
1．9課後練習——完成創意家居App
項目的思維導圖13
1．10課後測試14
1．10．1選擇題14
1．10．2填空題14
1．10．3操作題14

第2章 了解Axure RP9
2．1Axure RP 9簡介15
2．2軟件的下載、安裝、漢化與啟動17
2．2．1下載並安裝Axure RP 917
課堂操作——安裝Axure RP 917
2．2．2漢化與啟動Axure RP 918
2．3Axure RP 9的主要功能19
2．3．1繪制網站構架圖19
2．3．2繪制示意圖19
2．3．3繪制流程圖20
2．3．4實現交互設計20
2．3．5輸出網站原型21
2．3．6輸出Word格式的規格文件21
2．4熟悉Axure RP 9的工作界面21
2．4．1菜單欄21
2．4．2工具欄23
2．4．3面板24
2．4．4工作區27
2．5自定義工作界面28
2．5．1自定義工具欄28
課堂操作——自定義基本工具列表28
2．5．2自定義工作面板29
2．5．3使用單鍵快捷鍵29
2．6使用Axure RP 9的幫助資源30
2．7本章小結31
2．8課後練習——自定義草圖工作區31
2．9課後測試32
2．9．1選擇題32
2．9．2填空題32
2．9．3操作題32

第3章頁面管理與自適應視圖
3．1使用歡迎界面33
3．2新建和設置Axure文件35
3．2．1紙張尺寸與設置35
3．2．2文件存儲36
3．2．3存儲格式36
3．2．4啟動和恢復自動備份37
課堂操作——設置自動備份37
3．3頁面管理38
3．3．1添加和刪除頁面38
3．3．2移動頁面40
3．3．3搜索頁面40
3．3．4剪切、復制和粘貼頁面40
3．3．5重復頁面41
3．4頁面設置42
3．4．1頁面尺寸42
3．4．2頁面排列42
3．4．3頁面填充43
3．4．4低保真度45
課堂操作——新建iOS繫統頁面45
3．4．5頁面樣式46
課堂操作——創建並應用頁面樣式46
3．4．6頁面說明48
3．5設置自適應視圖49
課堂操作——設置自適應視圖50
3．6使用輔助線和網格52
3．6．1輔助線的分類53
3．6．2編輯輔助線54
3．6．3創建輔助線54
課堂操作——創建輔助線54
3．6．4使用網格55
3．7設置遮罩56
3．8本章小結57
3．9課後練習——創建Android繫統頁面樣式57
3．10課後測試58
3．10．1選擇題58
3．10．2填空題58
3．10．3操作題58

第4件庫
4．1件面板59
4．件添加到頁面60
4．2．1件62
課堂操作——切割按鈕圖片65
4．2．2件69
課堂操作——創建文本框70
4．2．3菜單與表格74
課堂操作——制作水平菜單76
4．2．4件77
課堂操作——制作便簽說明79
4．2．5件79
課堂操作——制作手機產業流程圖79
4．2．6件81
4．2．7使用繪畫工具81
4件的轉換82
4．3．1轉換為形狀82
4．3．2轉換為圖片83
4件的編輯83
4．4件的組合和結合83
4．4．2件84
4．4件的運算84
課堂操作——制作iOS繫統功能圖標85
4．5件庫86
4．5．1件庫86
課堂操作——創件庫87
4．5．2件庫88
4．5．3添加圖片文件夾89
4．6使件庫89
4．6．1件庫89
4．6．2件庫89
4．7使用概要面板90
4．8本章小結91
4．9課後練習——設計制作注冊頁原型91
4．10課後測試92
4．10．1選擇題92
4．10．2填空題92
4．10．3操作題92

第件的樣式和交互
5．1件的屬性93
5．1．1不透明性94
5．1．2填充94
5．1．3線段97
課堂操作——實現下畫線效果98
5．1．4陰影98
5．1．5圓角99
5．1．6邊距99
5．1．7排版99
5．2創建和管理樣式101
5．2．1創建頁面樣式101
5．2．2件樣式102
課堂操作——創建並應用文本樣式103
5．2．3編輯樣式104
5．3了解交互面板105
5．4添加頁面交互106
5．4．1打開鏈接107
課堂操作——打開頁面鏈接108
5．4．2關閉窗口109
5．4．3框架中打開鏈接109
5．4．4件110
5．5件交互110
5．5．1顯示/隱藏112
課堂操作——設計制作顯示/隱藏圖片113
5．5．2設置面板狀態114
5．5．3設置文本114
課堂操作件添加文本114
5．5．4設置圖片116
課堂操作——制作按鈕交互狀態116
5．5．5設置選中117
5．5．6設置列表選中項117
5．5．7啟用/禁用117
5．5．8移動117
課堂操作——設計制作切換案例117
5．5．9旋轉118
5．5．10設置尺寸118
5．5．11置於頂層/底層119
5．5．12設置不透明119
5．5．13獲取焦點119
5．5．14展開/折疊樹節點120
5．6交互樣式設置120
5．7本章小結120
5．8課後練習——設計制作按鈕交互樣式120
5．9課後測試121
5．9．1選擇題121
5．9．2填空題122
5．9．3操作題122

第６章使用母版和動態面板
6．1母版的概念123
6．2新建和編輯母版124
6．2．1新建母版125
課堂操作——新建iOS繫統布局母版126
6．2．2編輯和轉換母版127
課堂操作——將卡片標簽轉換為母版127
6．2．3刪除母版128
6．3使用母版128
6．3．1拖放方式128
課堂操作——在任意位置使用母版129
6．3．2添加到頁面中131
6．3．3從頁面中移除132
6．4母版使用情況報告132
6．5應用動態面板132
6．5．1使用動態面板133
課堂操作——創建動態面板133
6．5．2編輯動態面板狀態134
6．5．3從首個狀態脫離135
課堂操作——設計制作標簽選擇頁面135
6．5．4為動態面板添加交互137
課堂操作——動態面板制作輪播圖137
6．6轉換為動態面板139
6．7本章小結139
6．8課後練習——設計制作動態按鈕效果139
6．9課後測試141
6．9．1選擇題141
6．9．2填空題141
6．9．3操作題141

第7章變量與表達式
7．1使用變量142
7．1．1全局變量142
課堂操作——使用全局變量144
7．1．2局部變量145
7．2設置條件147
7．2．1確定條件邏輯147
7．2．2用來進行邏輯判斷的值148
7．2．3確定件名稱148
7．2．4邏輯判斷的運算符148
7．2．5用來選擇被比較的值149
7．2．6文本框149
課堂操作——設置制作用戶登錄界面149
7．3使用表達式151
7．3．1運算符類型151
7．3．2表達式的格式152
課堂操作——設置制作滑動解鎖152
7．4本章小結155
7．5課後練習——設計制作圖片交互效果155
7．6課後測試156
7．6．1選擇題156
7．6．2填空題156
7．6．3操作題156

第8章函數的使用
8．1了解函數157
課堂操作——使用時間函數158
8．2常見函數159
8．2．1中繼器/數據集函數159
8．2件函數159
課堂操作——設計制作商品詳情頁160
8．2．3頁面函數162
8．2．4窗口函數162
8．2．5鼠標指針函數162
課堂操作——設計制作產品局部放大效果163
8．2．6數字函數165
8．2．7字符串函數165
8．2．8數學函數166
課堂操作——設計制作計算器168
8．2．9日期函數169
課堂操作——使用日期函數170
8．3本章小結173
8．4課後練習——設計制作商品購買頁面173
8．5課後測試173
8．5．1選擇題174
8．5．2填空題174
8．5．3操作題174

第9章使用中繼器
9．1中繼器175
9．1．1數據集176
9．1．2項目交互177
9．1．3樣式設置177
課堂操作——使用中繼器制作產品頁面178
9．2數據集的操作180
9．2．1設置分頁與數量180
課堂操作——使用中繼器添加分頁180
9．2．2添加和移除排序182
課堂操作——使用中繼器設置排序182
9．2．3添加和移除篩選183
9．2．4添加和刪除中繼器的項目183
課堂操作——使用中繼器實現自增184
9．3項目列表的操作185
課堂操作——使用中繼器顯示頁碼185
9．4本章小結187
9．5課後練習——設計制作模糊搜索187
9．6課後測試188
9．6．1選擇題188
9．6．2填空題188
9．6．3操作題188

第10章 團隊合作與輸出
10．1使用團隊項目189
10．1．1創建團隊項目189
10．1．2加入團隊項目191
10．1．3打開團隊項目192
10．1．4編輯項目文件192
10．2使用Axure雲194
10．2．1創建Axure雲賬號194
10．2．2發布到Axure雲195
10．3發布查看原型196
10．4使用生成器197
10．4．1HTML生成器197
10．4．2Word生成器199
10．4．3更多生成器200
10．5本章小結202
10．6課後練習——完成團隊項目的簽入與簽出202
10．7課後測試202
10．7．1選擇題203
10．7．2填空題203
10．7．3操作題203

第11章 設計制作網頁原型
11．1設計制作QQ郵箱加載頁面204
11．1．1案例分析204
11．1．2案例效果205
11．1．3制作步驟205
11．2設計制作微博用戶評論頁面209
11．2．1案例分析209
11．2．2案例效果209
11．2．3制作步驟209
11．3設計制作課程購買頁面211
11．3．1案例分析211
11．3．2案例效果211
11．3．3制作步驟212
11．4使用並設置鏈接類動作213
11．4．1案例分析213
11．4．2案例效果213
11．4．3制作步驟214
11．5設計制作商品分類頁面217
11．5．1案例分析217
11．5．2案例效果218
11．5．3制作步驟218
11．6設計制作課程選擇頁面219
11．6．1案例分析219
11．6．2案例效果219
11．6．3制作步驟220
11．7本章小結222
11．8課後練習——設計制作抽獎活動頁面原型222
11．9課後測試222

第12章 設計制作App原型
12．1設計制作App頁面原型223
12．1．1設計制作App啟動頁面224
12．1．2設計制作App會員繫統頁面226
12．1．3設計制作App首頁227
12．1．4設計制作App設計師頁面228
12．2設計制作App交互原型229
12．2．1設計制作App頁面導航交互229
12．2．2設計制作App注冊/登錄頁面交互232
12．2．3設計制作App主頁面交互233
12．3本章小結236
12．4課後練習——設計制作App輪播圖原型236
12．5課後測試236