《Axure RP8.0產品原型設計與製作實戰》是2019年12月人民郵電出版社出版的圖書,作者是狄睿鑫。
基本介紹
- 書名:Axure RP8.0產品原型設計與製作實戰
- 作者:狄睿鑫
- 出版社:人民郵電出版社
- 出版時間:2019年12月
- 頁數:180 頁
- 定價:59 元
- 開本:小16開
- 裝幀:平裝
- ISBN:9787115507846
內容簡介,圖書目錄,
內容簡介
該書主要講解了Axure RP8.0軟體的操作方法,並拓展了相關知識,最終引導讀者逐步完成熱門案例的製作。作者還穿插講解了設計思維和設計原則方面的知識,闡述了從事原型設計工作的個人心得體會。
全書共包含11章,第1章講解了低保真原型和高保真原型的區別;第2章介紹了如何製作低保真原型,每個功能的講解都附帶了小案例練習,同時講解了設計原則和思路;第3章為原型的分享與合作;第4章介紹了如何製作高保真原型,並包含對優秀的設計思路和細節的講解;第5章為自定義元件庫;第6章為自適應視圖;第7章為自定義UI元素;第8~10章為綜合案例,分別製作了電商類App、音樂類App和後台管理系統;第11章講解了如何繪製流程圖、團隊項目協作注意事項和如何撰寫PRD文檔,以上內容在實際工作中都非常實用。
圖書目錄
第 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