商品簡介
本書主要講解了Axure RP8.0軟件的操作方法，並拓展了相關知識，最終引導讀者逐步完成熱門案例的製作。作者還穿插講解了設計思維和設計原則方面的知識，闡述了從事原型設計工作的個人心得體會。
全書共包含11章，第1章講解了低保真原型和高保真原型的區別；第2章介紹了如何製作低保真原型，每個功能的講解都附帶了小案例練習，同時講解了設計原則和思路；第3章為原型的分享與合作；第4章介紹了如何製作高保真原型，並包含對優秀的設計思路和細節的講解；第5章為自定義元件庫；第6章為自適應視圖；第7章為自定義UI元素；第8～10章為綜合案例，分別製作了電商類App、音樂類App和後臺管理系統；第11章講解了如何繪製流程圖、團隊項目協作注意事項和如何撰寫PRD文檔，以上內容在實際工作中都非常實用。
本書的適用對象除了產品經理外，還包括交互設計師、UI設計師、用戶體驗師、可用性專家、市場人員和運營人員等。
作者簡介
狄睿鑫， 河北師範大學移動物聯網研究院產品經理、設計師，“51CTO學院”簽約講師，企業內部培訓講師。他對產品設計、項目管理有獨特的見解，參與項目涉及教育、電商、有聲書等類型，其中參與設計的E·School數字教育平臺，在2015巴塞羅那全球智慧城市博覽會暨全球峰會中，榮獲全球智慧城市項目大獎，這是該博覽會自創建以來我國獲得的大獎。
目次
第 1章 關於界面原型/ 9
1．1 界面原型的概念和作用 / 10
1．2 界面原型的保真程度及應用 / 10
1．2．1 “畫”糙理不糙――低保真原型 / 10
1．2．2 交流高格調――高保真原型 / 11
第 2章 使用 Axure製作低保真原型/ 13
2．1 初識 Axure RP/ 14
2．1．1 菜單 / 14
2．1．2 工具欄 / 14
2．1．3 功能區 / 15
2．1．4 案例：製作第 一張原型圖 / 16
2．2 基本元件 / 18
2．2．1 矩形類 / 18
2．2．2 占位符 / 21
2．2．3 水平線和垂直線 / 21
2．2．4 圖片 / 22
2．2．5 熱區 / 23
2．2．6 案例：修改按鈕的交互樣式 / 24
2．3 文本框與多行文本框 / 25
2．3．1 文本框的屬性設置 / 26
2．3．2 文本框樣式 / 26
2．3．3 設計原則：表單設計那些事兒 / 26
2．4 選擇類表單元件 / 28
2．4．1 下拉列表框 / 28
2．4．2 列表框 / 29
2．4．3 複選框 / 29
2．4．4 單選按鈕 / 29
2．4．5 提交按鈕 / 30
2．4．6 設計原則：選擇合適的表單元件 / 30
2．4．7 選擇類表單元件在 App上的“變體”/ 32
2．5 表格與菜單 / 33
2．5．1 表格 / 33
2．5．2 樹狀菜單 / 33
2．5．3 水平菜單和垂直菜單 / 34
2．6 動態面板 / 35
2．6．1 動態面板的創建 / 35
2．6．2 動態面板的狀態 / 35
2．6．3 動態面板的屬性 / 36
2．6．4 動態面板樣式 / 36
2．6．5 案例：移動端“開關”元件 / 37
2．6．6 案例：輪播圖基礎 / 37
2．6．7 案例：懸浮網頁頭部 / 39
2．6．8 案例：標簽頁 / 43
2．7 內聯框架 / 44
2．7．1 內聯框架嵌入內容 / 44
2．7．2 內聯框架屬性 / 45
2．7．3 案例：在內聯框架中實現菜單跳轉 / 46
2．8 中繼器 / 47
2．8．1 中繼器的“項”/ 47
2．8．2 中繼器的數據集 / 47
2．8．3 中繼器顯示數據 / 47
2．8．4 中繼器樣式 / 48
2．8．5 案例：用戶管理列表 / 48
2．8．6 案例：商品訂單列表 / 49
2．9 巧用母版 / 52
2．9．1 創建母版 / 52
2．9．2 母版實例 / 52
2．9．3 母版的拖放行為 / 53
2．9．4 應用母版 / 54
2．9．5 移除母版 / 54
2．10 界面原型的尺寸 / 55
2．10．1 Web 原型尺寸/ 55
2．10．2 App 原型尺寸/ 56
第 3章 原型的分享與合作/ 57
3．1 頁面快照標記元件 / 58
3．1．1 添加引用頁面 / 58
3．1．2 設置快照範圍 / 58
3．1．3 案例：製作低保真線框圖 / 58
3．2 其他標記元件 / 59
3．3 流程圖 / 59
3．3．1 繪製流程圖 / 59
3．3．2 生成頁面流程圖 / 60
3．4 交互說明書 / 60
3．4．1 頁面說明 / 60
3．4．2 元件說明 / 61
3．4．3 生成 Word說明書/ 61
3．4．4 生成 CSV報告/ 62
3．5 AxShare/ 62
3．5．1 分享原型 / 62
3．5．2 管理原型 / 64
3．5．3 創建和管理團隊項目 / 65
3．6 生成 HTML文件/ 68
3．6．1 選擇生成的頁面 / 69
3．6．2 選擇頁面說明字段 / 69
3．6．3 選擇元件說明字段 / 70
3．6．4 設置交互效果相關內容 / 70
3．6．5 設置 HTML頁面工具欄的標誌/ 70
3．6．6 設置 Web字體/ 71
3．6．7 設置字體映射 / 72
3．6．8 在移動設備中預覽 App原型/ 72
3．6．9 高級設置 / 73
3．6．10 設置是否開放討論 / 74
第 4章 使用Axure製作高保真原型/ 75
4．1 高級交互 / 76
4．1．1 事件 / 76
4．1．2 用例 / 76
4．1．3 動作 / 76
4．1．4 條件用例 / 77
4．1．5 變量 / 78
4．1．6 函數 / 80
4．1．7 案例：登錄表單驗證 / 83
4．1．8 案例：跨頁面傳遞用戶登錄信息 / 86
4．1．9 案例：生成四位驗證碼 / 88
4．1．10 設計原則：用戶登錄 /註冊功能/ 91
4．2 動態面板進階 / 93
4．2．1 案例：滑動解鎖 / 93
4．2．2 案例：App 中帶指示器的輪播圖/ 95
4．2．3 案例：倒計時獲取動態驗證碼 / 97
4．3 中繼器進階 / 100
4．3．1 排序 / 101
4．3．2 篩選 / 102
4．3．3 分頁 / 104
4．3．4 編輯中繼器數據集 / 105
4．3．5 案例：跨頁面添加列表數據 / 109
4．3．6 案例：高亮顯示列表中的數據 / 113
4．4 母版自定義事件 / 114
4．4．1 什麼是母版自定義事件 / 114
4．4．2 創建並使用母版自定義事件 / 114
4．4．3 圖解自定義事件 / 116
第 5章 自定義元件庫/ 117
5．1 認識自定義元件庫 / 118
5．1．1 使用場景 / 118
5．1．2 自定義元件庫與母版的區別 / 118
5．2 創建並使用自定義元件庫 / 118
5．2．1 創建自定義元件庫 / 118
5．2．2 載入自定義元件庫 / 118
5．2．3 卸載自定義元件庫 / 118
第 6章 自適應視圖/ 119
6．1 認識自適應視圖 / 120
6．2 使用自適應視圖 / 120
第 7章 案例：自定義UI元素/ 121
7．1 自定義文本框樣式 / 122
7．2 自定義下拉列表樣式 / 124
7．3 自定義單選按鈕樣式 / 126
第 8章 綜合案例：電商類產品/129
8．1 淘寶 App首頁/ 130
8．1．1 底部標簽欄 / 130
8．1．2 頂部導航欄 / 133
8．2 商品列表頁 / 134
8．2．1 商品列表 / 134
8．2．2 局部滾動的側滑篩選菜單 / 136
8．2．3 切換標簽頁 / 138
8．3 商品詳情頁 / 141
8．3．1 窗口滾動時逐漸顯示頭部 / 141
8．3．2 標簽錨點定位 / 143
8．3．3 收藏 / 147
8．4 購物車 / 149
8．5 完善原型 / 151
8．6 製作手機外殼 / 151
8．7 思考：電商購物車的設計 / 153
8．7．1 購物車的功能設計 / 153
8．7．2 購物車的設計細節 / 154
第 9章 綜合案例：音樂類產品/ 155
9．1 音樂館頁面：抽屜菜單 / 156
9．2 歌單頁 / 158
9．3 通用頭部導航欄 / 161
第 10章 綜合案例：後臺管理系統/ 163
10．1 頁面框架 / 164
10．1．1 頭像快捷入口 / 164
10．1．2 手風琴導航菜單 1/ 165
10．1．3 手風琴導航菜單 2/ 168
10．2 數據查詢與編輯頁面 / 169
10．2．1 聯動下拉菜單 / 169
10．2．2 進度條 / 171
第 11章 產品設計工作中的體會/ 173
11．1 設計原型前，先畫流程圖 / 174
11．1．1 如何畫好流程圖 / 174
11．1．2 泳道圖 / 175
11．1．3 Axure RP 流程圖與原型圖的配合/ 175
11．2 原型圖中的注意事項 / 176
11．2．1 低保真原型也要“美觀”/ 176
11．2．2 模擬真實數據 / 177
11．3 團隊項目協作注意事項 / 177
11．3．1 規範命名規則 / 177
11．3．2 謹慎創建全局變量 / 177
11．3．3 及時簽入已完成的更新 / 178
11．3．4 及時獲取全部更新 / 178
11．3．5 不要同時簽出過多頁面 / 178
11．4 撰寫 PRD文檔/ 178
11．4．1 PRD 文檔的內容/ 178
11．4．2 傳統 PRD文檔存在的弊病/ 179
11．4．3 利用 Axure撰寫PRD文檔/ 179
