Axure RP 8.0原型設計完全自學一本通

《Axure RP 8.0原型設計完全自學一本通》是2016年6月1日電子工業出版社出版的圖書，作者是張曉景。

基本介紹

• 中文名：Axure RP 8.0原型設計完全自學一本通
• 作者：張曉景
• 出版社：電子工業出版社
• 出版時間：2016年
• 頁數：292 頁
• 定價：79 元
• 開本：16 開 
• ISBN：9787121288869

內容簡介

《Axure RP 8.0原型設計完全自學一本通》由淺入深地介紹了原型設計製作的方法，以Axure RP 8.0為主要軟體繪製原型並輸出查看。以知識點和實例的製作講解為主，同時講解了大量的Axure RP 8.0的基礎知識，為原型設計的製作打下基礎。本書配套的多媒體教學光碟中不但提供了本書所有實例的源檔案和素材，還提供了所有實例的多媒體教學視頻，以幫助讀者迅速掌握使用Axure RP 8.0進行原型設計製作的精髓，從零起步，進而跨入高手行列。

圖書目錄

第1章　　熟悉Axure RP 8．0 1

1．1 關於Axure RP 1

1．2 Axure的主要功能 2

1．2．1 網站構架圖 2

1．2．2 示意圖 2

1．2．3 流程圖 2

1．2．4 互動設計 2

1．2．5 輸出網站原型 3

1．2．6 輸出Word 格式規格檔案 3

1．3 Axure的安裝與啟動 3

1．3．1 安裝Axure RP 8．0 4

套用案例――安裝Axure RP 8．0 4

1．3．2 啟動和退出Axure RP 8．0 5

1．4 Axure的操作界面 6

1．4．1 選單欄 6

1．4．2 工具列 8

1．4．3 功能區 9

1．4．4 隱藏/ 顯示面板 10

1．4．5 自定義工作面板 11

1．4．6 重置視圖 11

1．5 Axure RP 8．0的新增功能 12

1．5．1 界面改變 12

1．5．2 新增默認元件 12

1．5．3 新的元件樣式 13

1．5．4 鋼筆工具和矢量圖形 13

1．5．5 流程圖 13

1．5．6 新增事件、動效和事件 14

1．5．7 快照元件 14

1．5．8 列印選項 15

1．5．9 更好的團隊協作 15

1．6 使用Axure 的幫助資源 15

1．7 查看視圖 16

套用案例――查看視圖 16

1．8 使用標尺 17

1．9 輔助線 18

1．9．1 輔助線的分類 19

1．9．2 刪除輔助線 20

1．9．3 鎖定輔助線 20

1．9．4 創建輔助線 21

套用案例――創建輔助線 21

1．9．5 輔助線設定 22

1．10 使用格線 22

1．10．1 顯示格線 22

1．10．2 格線設定 23

1．11 設定遮罩 23

1．12 對齊/分布對象 24

1．12．1 對齊面板 24

1．12．2 分布面板 25

1．13 對齊格線和輔助線 26

1．14 專家支招 26

1．14．1 什麼是原型 26

1．14．2 Axure 在互動設計中主要套用到哪些方面 26

1．15 總結擴展 27

1．15．1 本章小結 27

1．15．2 舉一反三――Axure RP 8．0 的卸載 27

第2章　　Axure RP 8．0的基本操作 29

2．1 新建檔案 29

2．1．1 新建檔案 29

2．1．2 紙張尺寸與設定 29

套用案例――新建iPhone 6 Plus 原型尺寸 30

2．1．3 新建團隊項目 31

2．2 存儲檔案 32

2．2．1 保存檔案 32

2．2．2 另外儲存檔案 32

2．2．3 存儲格式 33

2．3 自動備份 33

2．3．1 啟動自動備份 34

2．3．2 從備份中恢復 34

2．4 打開檔案 35

2．4．1 打開檔案 35

2．4．2 打開團隊項目 35

2．5 從RP檔案導入 36

套用案例――導入RP 檔案素材 36

2．6 對象的操作 37

2．6．1 選擇對象 37

2．6．2 移動和縮放對象 39

2．6．3 旋轉對象 40

2．6．4 複製對象 40

2．6．5 剪下和刪除對象 41

2．7 還原與恢復操作 41

2．7．1 撤銷 41

2．7．2 重做 42

2．8 專家支招 42

2．8．1 如何保證原型尺寸能夠在移動設備中測試 42

2．8．2 手機平台和電腦平台設定製作要點 42

2．9 總結擴展 43

2．9．1 本章小結 43

2．9．2 舉一反三――通過複製的方法製作水平導航 43

第3章　　頁面的管理 45

3．1 了解站點 45

3．2 頁面管理 45

3．2．1 添加頁面 45

套用案例――新建網站頁面 46

3．2．2 重命名頁面 48

3．2．3 移動頁面 48

3．2．4 查找頁面 48

3．3 頁面編輯區 49

3．3．1 使用頁面編輯區 49

3．3．2 頁面樣式 50

3．4 自適應視圖 52

套用案例――添加自適應視圖 53

3．5 圖表類型 54

3．6 生成流程圖 55

套用案例――生成流程圖 55

3．7 鋼筆工具 56

3．7．1 繪製圖形 57

3．7．2 轉換錨點類型 57

3．7．3 編輯鋼筆工具繪製圖形 58

套用案例――使用鋼筆工具繪製圖形 59

3．8 組合對象 61

3．8．1 組合對象 61

3．8．2 取消組合 61

3．9 鎖定對象 61

3．10 隱藏對象 62

3．11 專家支招 63

3．11．1 要保留頁面檔案的舊版本 63

3．11．2 如何處理原型中的文字在不同瀏覽器

上效果不一樣的情況 63

3．12 總結擴展 64

3．12．1 本章小結 64

3．12．2 舉一反三―― 使用元件製作一個標籤面板 64

第4章　　使用元件 65

4．1 使用“元件”面板 65

4．2 基本元件 66

4．2．1 矩形 66

4．2．2 圖片 67

4．2．3 占位符 69

4．2．4 按鈕 69

4．2．5 標題 69

4．2．6 文本標籤和文本段落 70

套用案例――製作商品購買頁 70

4．2．7 水平線和垂直線 72

4．2．8 熱區 73

4．2．9 動態面板 73

套用案例――使用動態面板顯示隱藏對象 74

4．2．10 內聯框架 75

4．2．11 中繼器 76

套用案例――使用中繼器製作產品列表頁 77

4．3 表單元件 79

4．3．1 文本框 80

4．3．2 多行文本框 80

4．3．3 下拉列表框 80

4．3．4 列表框 81

4．3．5 複選框 82

4．3．6 單選按鈕 82

4．3．7 提交按鈕 83

套用案例――製作淘寶會員登錄頁 83

4．4 選單和表格 84

4．4．1 樹狀選單 84

套用案例――美化樹狀選單的圖示 86

4．4．2 表格 87

4．4．3 水平選單 88

4．4．4 垂直選單 89

4．5 標記元件 90

4．5．1 頁面快照 90

4．5．2 水平箭頭和垂直箭頭 91

4．5．3 便簽 92

4．5．4 圓形標記和水滴標記 92

4．6 流程圖 93

4．6．1 矩形和矩形組 93

4．6．2 圓角矩形和圓角矩形組 94

4．6．3 斜角矩形 94

4．6．4 菱形 94

4．6．5 檔案和檔案組 94

4．6．6 括弧 95

4．6．7 半圓形 95

4．6．8 三角形 95

4．6．9 梯形 95

4．6．10 橢圓形 95

4．6．11 六邊形 95

4．6．12 平行四邊形 96

4．6．13 角色 96

4．6．14 資料庫 96

4．6．15 頁面快照 96

4．6．16 圖片 96

4．7 專家支招 97

4．7．1 如何製作樹狀選單元件的圖示 97

4．7．2 儘量用一個元件完成功能 97

4．8 總結擴展 97

4．8．1 本章小結 98

4．8．2 舉一反三――製作一個手機展示原型 98

第5章　　元件的屬性和樣式 99

5．1 元件的轉換 99

5．1．1 轉換為形狀 99

5．1．2 轉換為自定義形狀 100

5．1．3 轉換為圖片 100

5．2 頁面的屬性和樣式 100

5．2．1 頁面排列 101

5．2．2 背景色 101

5．2．3 背景圖片 102

5．3 元件的屬性 103

5．3．1 元件說明 103

5．3．2 元件形狀 104

套用案例――製作八卦圖圖形 105

5．3．3 元件提示 106

5．4元件的樣式 107

5．4．1 位置和尺寸 107

5．4．2 元件外形樣式 107

5．4．3 字型樣式 111

5．4．4 對齊 112

5．4．5 填充 113

5．5 創建和管理樣式 113

5．5．1 創建和套用頁面樣式 113

5．5．2 創建和套用元件樣式 114

5．5．3 樣式的編輯及修改 115

5．6 使用格式刷 116

套用案例――使用格式刷為表格添加樣式 117

5．7 元件的管理 118

5．8 專家支招 119

5．8．1 製作頁面之前要設定好樣式 119

5．8．2 使用字型圖示而不是圖片 119

5．9 總結擴展 119

5．9．1 本章小結 120

5．9．2 舉一反三――使用格式刷完成頁面製作 120

第6章　　母版和第三方元件庫 121

6．1 母版的概念 121

6．1．1 母版的套用 121

6．1．2 使用母版的好處 122

6．2 使用“母版”面板 122

6．2．1 添加母版 122

6．2．2 添加資料夾 122

6．2．3 查找母版 123

6．3 母版的創建編輯 123

6．3．1 創建母版 124

套用案例――創建網站頂部母版 124

6．3．2 創建子母版 126

套用案例――創建網站頂部子母版 126

6．4 轉換為母版 127

6．5 母版的使用 128

6．5．1 拖放行為 128

6．5．2 添加到頁面中 129

6．5．3 從頁面中移除 130

6．6 母版的使用情況 130

6．7 使用第三方元件庫 131

6．7．1 下載元件庫 131

6．7．2 載入元件庫 132

6．8 創建元件庫 133

6．8．1 了解元件庫界面 133

6．8．2 編輯元件庫 134

6．8．3 卸載元件庫 135

6．9 專家支招 135

6．9．1 不要複製對象，而是將其轉成母版 135

6．9．2 如何將較大的組合轉換為母版 135

6．10 總結擴展 136

6．10．1 本章小結 136

6．10．2 舉一反三――創建微信元件庫 136

第7章　　簡單互動設計 137

7．1 頁面互動基礎 137

7．1．1 頁面互動事件 137

7．1．2 用例編輯對話框 137

7．1．3 打開連結 138

套用案例――製作彈出視窗 138

7．1．4 關閉視窗 141

7．1．5 在框架中打開連結 141

7．1．6 滾動到元件 141

7．1．7 設定自適應視圖 142

7．2 元件互動基礎 143

7．2．1 元件互動事件 143

7．2．2 創建連結 143

7．2．3 顯示/ 隱藏 144

套用案例――製作視頻分類頁面 144

7．2．4 設定面板狀態 147

套用案例――製作網站焦點圖片效果 147

7．2．5 設定文本 149

套用案例――設定按鈕元件文字 150

7．2．6 設定圖片 151

7．2．7 設定選中 152

7．2．8 啟用/ 禁用 153

7．2．9 移動 153

7．2．10 旋轉 154

7．2．11 設定尺寸 154

7．2．12 置於頂層/ 底層 156

7．2．13 獲取焦點 156

7．2．14 展開/ 摺疊樹節點 157

7．3 互動樣式設定 157

套用案例――製作動態按鈕 158

7．4 專家支招 160

7．4．1 如何通過動態面板實現自動輪播的效果 160

7．4．2 使用“設定尺寸”完成進度條的製作 160

7．5 總結擴展 161

7．5．1 本章小結 161

7．5．2 舉一反三――製作展開/ 摺疊選單 161

第8章　　高級互動設計 163

8．1 變數的使用 163

8．1．1 全局變數 163

套用案例――使用變數實現點讚效果 166

8．1．2 局部變數 168

套用案例――製作找回密碼倒計時效果 169

8．1．3 添加條件 171

套用案例――製作提交留言效果 174

8．1．4 變數的計算 175

套用案例――使用變數完成計算 176

8．2 中繼器 177

8．2．1 中繼器動作 178

套用案例――製作網店產品列表 178

8．2．2 使用數據集 181

套用案例――使用中繼器實現自增 181

8．3 “其他”動作 183

8．4 關於Axure RP函式 183

8．4．1 使用函式 183

8．4．2 常見函式 184

套用案例――實現讀取當前時間效果 190

8．5 專家支招 192

8．5．1 不要設計不必要的互動動作 192

8．5．2 什麼情況下會使用全局變數 193

8．6 總結擴展 193

8．6．1 本章小結 193

8．6．2 舉一反三――製作一個手機滑動的產品原型 193

第9章　　團隊合作 195

9．1 創建共享的項目位置 195

9．1．1 下載SVN 軟體 195

9．1．2 安裝VisualSVN server 196

9．1．3 安裝Tortoise SVN 197

9．1．4 VisualSVN Server 創建版本庫 198

9．1．5 使用Tortoise SVN 客戶端 203

9．1．6 修改共享位置中的檔案 205

9．2 使用團隊項目 207

9．2．1 了解團隊項目 207

9．2．2 團隊合作項目的環境 207

9．2．3 簽出和簽入 208

9．3 創建團隊項目 209

9．3．1 創建團隊項目 209

9．3．2 上傳團隊項目到伺服器 211

9．3．3 完成團隊項目後的準備工作 211

9．3．4 關於DO-NOT-EDIT 211

9．4 打開團隊項目 212

9．5 團隊項目的編輯 213

9．6“團隊”選單 215

9．7 使用Axure Share 216

9．7．1 創建Axure Share 賬號 216

9．7．2 Axure Share 的協作功能 217

9．7．3 上傳原型到Axure Share 218

9．7．4 發布到Axure Share 218

9．8 專家支招 219

9．8．1 為什麼要團隊協作和使用版本管理工具 219

9．8．2 Axure RP 共享項目有幾種頁面狀態 219

9．9 總結擴展 219

9．9．1 本章小結 219

9．9．2 舉一反三――製作滑動螢幕動畫原型 220

第10章　　發布與輸出 221

10．1瀏覽器中查看原型 221

10．2更改默認打開頁面 222

10．3原型、Word文檔及生成器 223

10．3．1 原型 224

10．3．2 生成Word 文檔 224

10．3．3 生成器和配置檔案 224

10．4 HTML生成器 226

10．5 Word生成器 229

10．6 CSV報告生成器和列印生成器 230

10．6．1 CSV 報告生成器 230

10．6．2 列印生成器 231

10．7 專家支招 232

10．7．1 製作的APP 原型如何在手機上演示 232

10．7．2 如何將原型導出為圖片 233

10．8 總結擴展 233

10．8．1 本章小結 233

10．8．2 舉一反三――發布生成一個HTML 檔案 233

第11章　　Axure RP 8．0的綜合套用 235

11．1 製作淘寶產品分類頁面 235

11．1．1 案例描述 235

11．1．2 案例分析 235

11．1．3 製作步驟 236

11．2 製作新浪微博用戶評價 239

11．2．1 案例描述 239

11．2．2 案例分析 239

11．2．3 製作步驟 239

11．3 製作騰訊QQ註冊頁面 242

11．3．1 案例描述 243

11．3．2 案例分析 243

11．3．3 製作步驟 243

11．4 製作騰訊網站登錄頁面 248

11．4．1 案例描述 248

11．4．2 案例分析 248

11．4．3 製作步驟 248

11．5 製作騰訊QQ找回密碼頁面 254

11．5．1 案例描述 254

11．5．2 案例分析 254

11．5．3 製作步驟 254

11．6 製作微信讀書APP登錄效果 261

11．6．1 案例描述 261

11．6．2 案例分析 261

11．6．3 製作步驟 261

11．7 製作微信讀書APP原型 266

11．7．1 案例描述 266

11．7．2 案例分析 267

11．7．3 製作步驟 267

附錄一 Axure 常用快捷鍵 276

附錄二 Axure與Photoshop 277

附錄三 Axure與HyperSnap 280