《Axure RP 8.0基礎培訓教程》是一本全面介紹Axure RP 8.0基本功能及實際應用的書,內(nèi)容包含元件庫、母版、交互、中繼器、原型分享、創(chuàng)建和管理團隊項目、自定義元件庫以及自適應視圖等。本書主要針對零基礎讀者編寫,是讀者快速、全面掌握Axure的應備參考書。
《Axure RP 8.0基礎培訓教程》附帶學習資源,內(nèi)容包括素材文件、實例文件、在線視頻和PPT課件,讀者可通過在線方式獲取這些資源,具體方法請參看本書“資源與支持”頁。
《Axure RP 8.0基礎培訓教程》非常適合作為院校藝術(shù)專業(yè)和培訓機構(gòu)相關課程的教材,也可以作為Axure自學人士的參考用書。請讀者注意,本書所有內(nèi)容均是基于中文版Axure RP 8.0版本編寫的。
《Axure RP 8.0基礎培訓教程》提供案例的在線教學視頻+所有案例文件和素材文件+配套教學PPT課件
《Axure RP 8.0基礎培訓教程》是根據(jù)數(shù)字藝術(shù)教育培訓的實際需要,傾力打造的就業(yè)實戰(zhàn)型全功能培訓教材;
《Axure RP 8.0基礎培訓教程》集軟件功能講解、課堂案例演練、課堂練習、課后習題、綜合案例實訓和商業(yè)案例實訓等功能于一體,力求通過軟件功能講解,使讀者深入學習軟件功能和基本制作技能;
《Axure RP 8.0基礎培訓教程》通過課堂練習和課后習題,鍛煉讀者的動手能力;通過綜合案例實訓和商業(yè)案例實訓,提高讀者的設計實戰(zhàn)水平。
狄睿鑫
河北師范大學物聯(lián)網(wǎng)研究院產(chǎn)品經(jīng)理、設計師,51CTO學院簽約講師,企業(yè)內(nèi)部培訓講師,所參與的項目涉獵教育類、電商類、有聲書等類型,對產(chǎn)品設計、項目管理有獨特的見解。所參與設計的E?School數(shù)字教育平臺,在2015巴塞羅那全球智慧城市博覽會暨全球峰會中,榮獲全球智慧城市項目大獎,是自該博覽會創(chuàng)建以來中國第一次獲得的大獎。
第1章 初識Axure RP 8.0 11
1.1 Axure RP 8.0的用途 12
1.2 Axure RP 8.0的工作界面 12
1.2.1 菜單欄 13
1.2.2 工具欄 13
1.2.3 功能區(qū)——頁面 15
1.2.4 功能區(qū)——元件庫 15
1.2.5 功能區(qū)——母版 16
1.2.6 功能區(qū)——設計區(qū)域 16
1.2.7 功能區(qū)——檢視 16
1.2.8 功能區(qū)——概要 17
1.2.9 賬號的注冊與登錄 17
1.3 文件的操作 19
1.3.1 新建文件 19
1.3.2 打開文件 20
1.3.3 保存文件 21
1.3.4 導入頁面 21
1.3.5 導出頁面為圖片 22
1.3.6 自動備份設置 23
1.3.7 從備份中恢復 23
1.4 Axure RP 8.0的基礎配置 24
1.4.1 網(wǎng)格 24
1.4.2 輔助線 26
1.4.3 對齊元件 31
1.4.4 自定義設計區(qū)域中的輔助元素 32
第2章 元件庫 35
2.1 基本元件 36
2.1.1 矩形類元件 36
2.1.2 占位符 39
2.1.3 圖片 40
2.1.4 水平線和垂直線 42
2.1.5 熱區(qū) 42
2.1.6 課堂案例:設置文字在鼠標指針懸停時的樣式 43
2.2 表單元件 44
2.2.1 文本框和多行文本框 44
2.2.2 下拉列表框 46
2.2.3 列表框 47
2.2.4 復選框 48
2.2.5 單選按鈕 48
2.2.6 提交按鈕 49
2.2.7 課堂案例:自定義文本框樣式 49
2.3 菜單和表格 50
2.3.1 樹狀菜單 50
2.3.2 水平菜單和垂直菜單 51
2.3.3 表格 52
2.4 動態(tài)面板 53
2.4.1 課堂案例:輪播圖基礎 53
2.4.2 元件介紹 56
2.4.3 課堂案例:“返回頂部”懸浮按鈕 59
2.4.4 課堂案例:滾動消息 60
2.5 內(nèi)聯(lián)框架 62
2.5.1 課堂案例:實現(xiàn)菜單跳轉(zhuǎn)效果 62
2.5.2 元件介紹 63
2.6 中繼器基礎 65
2.6.1 課堂案例:基礎學生名單 65
2.6.2 元件介紹 66
2.6.3 課堂案例:完善學生名單 69
2.7 標記元件 71
2.7.1 頁面快照 72
2.7.2 便簽和標記 74
2.7.3 箭頭 75
2.8 流程圖元件 75
2.8.1 繪制流程圖 75
2.8.2 生成頁面流程圖 76
2.9 課堂練習 76
2.9.1 課堂練習:分類導航的水平拖動效果 77
2.9.2 課堂練習:App信息流 77
2.10 課后習題 77
2.10.1 課后習題:按鈕的禁用樣式制作 77
2.10.2 課后習題:制作App中的“開關”元件 78
2.10.3 課后習題:切換標簽頁 78
2.10.4 課后習題:訂單列表 78
第3章 母版 79
3.1 母版基礎 80
3.2 母版的應用 80
3.2.1 創(chuàng)建母版 80
3.2.2 母版實例 81
3.2.3 母版的拖放行為 81
3.2.4 應用母版 83
3.2.5 移除母版 83
3.3 課后習題:關于母版的思考與練習 84
第4章 交互 85
4.1 交互基礎詳解 86
4.1.1 課堂案例:彈框的燈箱效果 86
4.1.2 事件、用例和動作 88
4.2 條件用例 90
4.2.1 課堂案例:評論區(qū)制作 90
4.2.2 條件用例詳解 92
4.2.3 If和Else If 93
4.2.4 課堂案例:登錄驗證 93
4.3 變量 95
4.3.1 課堂案例:顯示登錄時所使用的用戶名 95
4.3.2 變量詳解 97
4.3.3 課堂案例:獲取驗證碼時的倒計時效果 100
4.4 函數(shù) 104
4.4.1 課堂案例:自動獲取頁面名稱 104
4.4.2 函數(shù)詳解 106
4.4.3 函數(shù)列表 107
4.4.4 課堂案例:生成4位驗證碼 111
4.5 母版自定義事件 114
4.5.1 課堂案例:用母版制作菜單被選中時突出顯示的效果 114
4.5.2 母版自定義事件詳解 118
4.6 課堂練習 121
4.6.1 課堂練習:二級聯(lián)動下拉菜單 121
4.6.2 課堂練習:增減購物車中的商品數(shù)量 121
4.7 課后習題 122
4.7.1 課后習題:登錄時增加4位驗證碼的校驗 122
4.7.2 課后習題:利用母版自定義事件顯示不同的個人信息 122
第5章 中繼器進階 123
5.1 中繼器排序 124
5.1.1 課堂案例:添加排序方式 124
5.1.2 課堂案例:移除排序方式 126
5.2 中繼器篩選 127
5.2.1 課堂案例:添加篩選方式 127
5.2.2 課堂案例:移除篩選方式 129
5.3 中繼器分頁 130
5.3.1 課堂案例:切換分頁 130
5.3.2 課堂案例:動態(tài)設置每頁顯示的數(shù)據(jù)條數(shù) 132
5.4 編輯中繼器數(shù)據(jù)集 136
5.4.1 課堂案例:添加行 136
5.4.2 課堂案例:標記行和取消標記行 138
5.4.3 課堂案例:刪除行 140
5.4.4 課堂案例:更新行 142
5.5 課堂練習:跨頁面添加列表數(shù)據(jù) 147
5.6 課后習題:Web端商品列表的篩選和排序 147
第6章 原型的分享 149
6.1 生成交互說明書 150
6.1.1 頁面說明 150
6.1.2 元件說明 150
6.1.3 生成Word說明書 151
6.1.4 生成CSV報告 154
6.2 利用Axshare在線分享 154
6.2.1 Axshare簡介 155
6.2.2 發(fā)布和更新原型 155
6.2.3 參與討論 156
6.2.4 管理原型 157
6.3 生成HTML文件 159
6.3.1 生成本地HTML文件 159
6.3.2 選擇生成的頁面 160
6.3.3 選擇頁面說明字段 160
6.3.4 選擇元件說明字段 161
6.3.5 設置交互效果的相關內(nèi)容 162
6.3.6 設置HTML頁面左側(cè)工具欄的標志 162
6.3.7 設置Web字體 163
6.3.8 設置字體映射 164
6.3.9 在移動設備中預覽App原型 164
6.3.10 高級設置 166
6.3.11 設置是否開放討論 166
6.4 課堂練習:生成原型的交互說明書 166
6.5 課后習題:練習配置HTML頁面 166
第7章 利用Axshare創(chuàng)建和管理團隊項目 167
7.1 創(chuàng)建與獲取團隊項目 168
7.1.1 團隊項目工作原理 168
7.1.2 創(chuàng)建團隊項目 168
7.1.3 獲取團隊項目 170
7.2 如何進行團隊項目協(xié)作 170
7.2.1 簽出和簽入/獲取和提交變更 171
7.2.2 常規(guī)管理 172
7.2.3 版本管理 173
7.3 課后習題:體驗在團隊項目中工作 174
第8章 自定義元件庫 175
8.1 認識自定義元件庫 176
8.1.1 概述 176
8.1.2 自定義元件庫與母版的對比 176
8.2 自定義元件庫的使用 176
8.2.1 創(chuàng)建自定義元件庫 176
8.2.2 載入自定義元件庫 177
8.2.3 卸載自定義元件庫 178
8.3 課后習題:制作屬于自己的元件庫 178
第9章 自適應視圖 179
9.1 “響應式布局”與自適應視圖 180
9.2 使用自適應視圖 180
9.3 課后習題:體驗自適應視圖 182
第10章 綜合案例實訓 183
10.1 案例:點贊和取消點贊效果 184
10.2 案例:自定義文本框的交互樣式 186
10.3 案例:自定義復選框的交互樣式 187
10.4 案例:手風琴導航菜單 188
10.5 案例:局部滾動的篩選菜單 192
10.6 案例: Web端個人中心快捷入口 193
10.7 案例:加載百分比進度條 195
10.8 案例:雙向選擇列表 197
10.9 課后習題:自定義單選按鈕的交互效果 199
10.10 課后習題:自定義下拉列表框的交互樣式 199
10.11 課后習題:Web端商品大圖切換效果 200
10.12 課后習題:滾動吸附效果 200
第11章 商業(yè)案例實訓 201
11.1 移動App原型尺寸詳解 202
11.2 商業(yè)案例:新聞App 202
11.2.1 標簽欄菜單切換 202
11.2.2 搜索聯(lián)想 206
11.2.3 上滑加載更多 210
11.3 商業(yè)案例:音樂App 214
11.3.1 啟動頁倒計時后跳轉(zhuǎn) 214
11.3.2 包含狀態(tài)指示器的banner廣告 217
11.3.3 抽屜菜單 220
11.4 課后習題:制作新聞App的視頻和個人中心頁面 224