Axure RP 8 網站與APP原型設計

第一篇 基礎篇
第1章 Axure原型設計概述 1
1.1 原型設計與工具 1
1.1.1 什麼是原型設計 1
1.1.2 目前常用的原型設計工具 2
1.1.3 AxureRP的設計目的 2
1.1.4 AxureRP的設計優勢 3
1.1.5 AxureRP8的特色 3
1.2 准備AxureRP 6
1.2.1 AxureRP的安裝 6
1.2.2 AxureRP的漢化 7
1.2.3 AxureRP的注冊 8
1.3 AxureRP的主界面 8
1.3.1 Axure的文件格式 9
1.3.2 團隊項目 9
1.3.3 工作環境 9
1.3.4 自定義工作區 10
1.3.5 頁面（站點地圖） 11
1.3.6 元件概述 11
1.3.7 交互基礎 11
1.3.8 母版 11
1.4 案例：一個App登錄頁的低保真原型制作 11
第2章 使用Axure頁面（站點地圖） 14
2.1 認識站點地圖 14
2.1.1 什麼是站點地圖 14
2.1.2 站點地圖的功能條 15
2.1.3 站點地圖的頁面管理 15
2.2 案例：「百度」UI的站點地圖 16
2.2.1 「百度」產品的頁面規划 16
2.2.2 增加頁面 16
2.2.3 移動頁面 18
2.2.4 刪除頁面 18
2.2.5 生成流程圖 19
第3章 使用Axure中的線框圖 21
3.1 線框圖組件的種類及使用 21
3.2 圖片組件 22
3.3 一級標題和二級標題組件 23
3.4 文本標簽和文本段落組件 24
3.5 矩形和占位符組件 24
3.6 自定義形狀組件 26
3.7 水平線和垂直線組件 28
3.8 圖像熱區組件 28
3.9 動態面板組件 30
3.9.1 tab式頁簽的切換效果 31
3.9.2 利用動態面板制作導航下拉菜單效果 35
3.10 內聯框架組件 37
3.11 中繼器組件 40
3.12 文本框組件 45
3.13 下拉列表框和列表選擇框組件 47
3.14 復選框、單選按鈕和HTML按鈕組件 48
3.15 樹、表格、菜單組件 49
第4章 使用Axure中的流程圖 51
4.1 流程圖組件的種類及使用 51
4.2 創建流程圖 52
4.2.1 流程圖形狀 52
4.2.2 連接模式 52
4.2.3 標記頁面為流程圖 52
4.2.4 連接線 53
4.2.5 添加參照頁 54
4.2.6 生成流程圖 54
第5章 自定義AxureRP8中的元件 56
5.1 如何載入元件庫 56
5.2 制作自己的元件庫 57
5.2.1 添加注釋和交互 57
5.2.2 組織元件庫到文件夾 58
5.2.3 使用自定義樣式 58
5.2.4 編輯自定義元件屬性 58
第6章 使用Axure母版 60
6.1 關於母版區域 60
6.1.1 什麼是母版區域 60
6.1.2 母版的基本功能 61
6.1.3 母版的使用 63
6.2 案例：「12306火車購票網站」母版原型設計 67
6.2.1 建立站點地圖 68
6.2.2 建立母版頁面 68
第7章 應用Axure中的交互 75
7.1 觸發事件 75
7.2 交互條件 77
7.2.1 新建、刪除條件和條件之間關系 77
7.2.2 條件設置 78
7.2.3 交互條件應用 78
7.3 交互行為 82
7.3.1 鏈接：切換用戶UI 83
7.3.2 元件：元件效果介紹 97
7.3.3 動態面板深入使用 115
7.3.4 中繼器：動態操作數據 120
7.4 案例：「百度」登錄的交互設計 146
7.4.1 分析百度登錄界面 147
7.4.2 制作百度登錄原型 147
7.4.3 用戶名輸入框聚焦后用戶名圖標和輸入框的邊框變成藍色 153
7.4.4 密碼輸入框聚焦后密碼圖標和輸入框的邊框變成藍色 156
7.4.5 登錄時進行表單驗證 158
7.4.6 登錄成功時跳轉，並把用戶名帶過去 162
第8章 Axure中的高級交互 166
8.1 變量 166
8.1.1 全局變量和局部變量 166
8.1.2 內置變量 172
8.1.3 變量值在頁面間傳遞 175
8.1.4 變量的使用場景 179
8.2 案例：加減乘除運算 179
8.3 函數 185
8.3.1 元件函數和頁面函數 185
8.3.2 窗口函數和鼠標函數 190
8.3.3 數字函數和字符串函數 196
8.3.4 數學函數和日期函數 197
第9章 使用Axure時的團隊合作技巧 199
9.1 項目如何共享協作 199
9.2 創建共享項目 199
9.3 獲取共享項目 201
9.4 編輯共享項目 202
9.5 團隊項目環境和本地副本 202

第二篇 實戰篇
第10章 原型設計：「圖書管理系統」 205
10.1 需求描述 205
10.2 設計思路 206
10.3 准備工作 206
10.4 實現用戶界面功能 206
10.4.1 建立站點地圖欄目結構 206
10.4.2 登錄界面設計 207
10.4.3 制作導航菜單母版 209
10.4.4 首頁模塊設計 216
10.4.5 用戶管理模塊設計 218
10.4.6 借書管理模塊設計 223
10.4.7 圖書管理模塊設計 226
10.4.8 統計分析模塊設計 228
10.5 關鍵技術講解 231

第11章 App設計：12「微信」 232
11.1 需求描述 232
11.2 設計思路 232
11.3 准備工作 233
11.4 原型制作 233
11.4.1 微信登錄功能 233
11.4.2 軟件進入動畫效果 237
11.4.3 導航菜單切換效果 240
11.4.4 給好友發送聊天內容 247
11.4.5 上下拖曳微信頁面內容 253
11.4.6 顯示、隱藏下拉菜單 255
11.5 關鍵技術講解 257
第12章 郵箱設計：「QQ郵箱」 259
12.1 需求描述 259
12.2 設計思路 260
12.3 實現原型制作 260
12.3.1 首頁頁面布局 260
12.3.2 首頁頂部信息設計 261
12.3.3 導航菜單設計 268
12.3.4 未讀郵件提示區域 271
12.3.5 寫信插入地圖區域 273
12.3.6 郵箱推薦區域 274
12.3.7 消息區域 275
12.3.8 郵箱版本及版權區域 279
12.4 關鍵技術講解 280