Axure RP 9互聯網產品原型設計（慕課版）

陳穎，副教授，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
1．3．2 Word和Visio 3
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．1 MindMeister 10
1．7．2 XMind 10
琵琶操作——安裝並使用XMind ZEN 11
1．7．3 思維管理器 12
1．8 景區小結 13
1．9 課後練習——完成創意家居App
項目的思維導 圖13
1．10 課後測試 14
1．10．1 選擇題 14
1．10．2 填空題 14
1．10．3 操作題 14

第 2章 了解Axure RP 9
2．1 Axure RP 9簡介 15
2．2 軟件的下載、安裝、漢化與啟動 17
2．2．1 下載並安裝Axure RP 9 17
琵琶操作——安裝Axure RP 9 17
2．2．2 漢化與啟動Axure RP 9 18
2．3 Axure 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．2 將元件添加到頁面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．3 元件的轉換 82
4．3．1 轉換為形狀82
4．3．2 轉換為圖片 83
4．4 元件的編輯 83
4．4．1 元件的組合和結合83
4．4．2 編輯元件 84
4．4．3 元件的操作系統 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章 元件的樣式和交互
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．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．1 HTML生成器197
10．4．2 詞生成器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

第1章設計製作網頁原型1
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

第 2章 設計製作App原型1
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