本書共分為兩篇, 結(jié)合了大量例子循序漸進(jìn)地介紹了Axure RP8特色、元件詳細(xì)介紹、項(xiàng)目實(shí)例等操作。第一篇介紹了Axure RP8的基本操作以及如何使用團(tuán)隊(duì)項(xiàng)目。包括如何安裝Axure RP8; 并通過例子介紹了如何制作低保真原形和一些基本的交互效果, 以及Axure RP8新增功能及特色等操作。第二篇通過項(xiàng)目實(shí)例介紹了圖書管理系統(tǒng)、手機(jī)APP微信原形設(shè)計(jì)、QQ郵箱原形設(shè)計(jì)等原形。
1. 提供圖書管理系統(tǒng)、微信、QQ郵箱三大綜合案例,和數(shù)十個小案例。
2.循序漸進(jìn)逐步提高,適合初、中級讀者逐步掌握如何使用Axure RP8進(jìn)行項(xiàng)目原形設(shè)計(jì),快速制作高保真原形。
3. 在介紹使用Axure RP8設(shè)計(jì)產(chǎn)品原形的同時,也簡述產(chǎn)品原形中的一些技術(shù)性知識,為讀者理解和實(shí)踐Axure RP8制作原形提供幫助。
4. 本書采用了大量的實(shí)例,介紹了Axure RP8的功能、元件的操作方法、使用技巧以及如何快速制作原形。
5. 重點(diǎn)介紹了如何創(chuàng)建團(tuán)隊(duì)項(xiàng)目、局部變量和全局變量以及函數(shù)等。
6. 所有實(shí)例都極具有代表性和可操作性,并著重介紹了如何使用Axure RP8制作各種交互效果的原形。
7. 有針對性地對疑難點(diǎn)及重點(diǎn),加以案例。并把抽象的知識點(diǎn),以通俗易懂的語言進(jìn)行介紹。有利于幫助讀者理解學(xué)習(xí)。
8. 對于操作過程中,需要注意的事項(xiàng)及關(guān)鍵要點(diǎn)予以特別提示。
第一篇 基礎(chǔ)篇
第1章 Axure原型設(shè)計(jì)概述 1
1.1 原型設(shè)計(jì)與工具 1
1.1.1 什么是原型設(shè)計(jì) 1
1.1.2 目前常用的原型設(shè)計(jì)工具 2
1.1.3 AxureRP的設(shè)計(jì)目的 2
1.1.4 AxureRP的設(shè)計(jì)優(yōu)勢 3
1.1.5 AxureRP8的特色 3
1.2 準(zhǔn)備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 團(tuán)隊(duì)項(xiàng)目 9
1.3.3 工作環(huán)境 9
1.3.4 自定義工作區(qū) 10
1.3.5 頁面(站點(diǎn)地圖) 11
1.3.6 元件概述 11
1.3.7 交互基礎(chǔ) 11
1.3.8 母版 11
1.4 案例:一個App登錄頁的低保真原型制作 11
第2章 使用Axure頁面(站點(diǎn)地圖) 14
2.1 認(rèn)識站點(diǎn)地圖 14
2.1.1 什么是站點(diǎn)地圖 14
2.1.2 站點(diǎn)地圖的功能條 15
2.1.3 站點(diǎn)地圖的頁面管理 15
2.2 案例:“百度”UI的站點(diǎn)地圖 16
2.2.1 “百度”產(chǎn)品的頁面規(guī)劃 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 一級標(biāo)題和二級標(biāo)題組件 23
3.4 文本標(biāo)簽和文本段落組件 24
3.5 矩形和占位符組件 24
3.6 自定義形狀組件 26
3.7 水平線和垂直線組件 28
3.8 圖像熱區(qū)組件 28
3.9 動態(tài)面板組件 30
3.9.1 tab式頁簽的切換效果 31
3.9.2 利用動態(tài)面板制作導(dǎo)航下拉菜單效果 35
3.10 內(nèi)聯(lián)框架組件 37
3.11 中繼器組件 40
3.12 文本框組件 45
3.13 下拉列表框和列表選擇框組件 47
3.14 復(fù)選框、單選按鈕和HTML按鈕組件 48
3.15 樹、表格、菜單組件 49
第4章 使用Axure中的流程圖 51
4.1 流程圖組件的種類及使用 51
4.2 創(chuàng)建流程圖 52
4.2.1 流程圖形狀 52
4.2.2 連接模式 52
4.2.3 標(biāo)記頁面為流程圖 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 關(guān)于母版區(qū)域 60
6.1.1 什么是母版區(qū)域 60
6.1.2 母版的基本功能 61
6.1.3 母版的使用 63
6.2 案例:“12306火車購票網(wǎng)站”母版原型設(shè)計(jì) 67
6.2.1 建立站點(diǎn)地圖 68
6.2.2 建立母版頁面 68
第7章 應(yīng)用Axure中的交互 75
7.1 觸發(fā)事件 75
7.2 交互條件 77
7.2.1 新建、刪除條件和條件之間關(guān)系 77
7.2.2 條件設(shè)置 78
7.2.3 交互條件應(yīng)用 78
7.3 交互行為 82
7.3.1 鏈接:切換用戶UI 83
7.3.2 元件:元件效果介紹 97
7.3.3 動態(tài)面板深入使用 115
7.3.4 中繼器:動態(tài)操作數(shù)據(jù) 120
7.4 案例:“百度”登錄的交互設(shè)計(jì) 146
7.4.1 分析百度登錄界面 147
7.4.2 制作百度登錄原型 147
7.4.3 用戶名輸入框聚焦后用戶名圖標(biāo)和輸入框的邊框變成藍(lán)色 153
7.4.4 密碼輸入框聚焦后密碼圖標(biāo)和輸入框的邊框變成藍(lán)色 156
7.4.5 登錄時進(jìn)行表單驗(yàn)證 158
7.4.6 登錄成功時跳轉(zhuǎn),并把用戶名帶過去 162
第8章 Axure中的高級交互 166
8.1 變量 166
8.1.1 全局變量和局部變量 166
8.1.2 內(nèi)置變量 172
8.1.3 變量值在頁面間傳遞 175
8.1.4 變量的使用場景 179
8.2 案例:加減乘除運(yùn)算 179
8.3 函數(shù) 185
8.3.1 元件函數(shù)和頁面函數(shù) 185
8.3.2 窗口函數(shù)和鼠標(biāo)函數(shù) 190
8.3.3 數(shù)字函數(shù)和字符串函數(shù) 196
8.3.4 數(shù)學(xué)函數(shù)和日期函數(shù) 197
第9章 使用Axure時的團(tuán)隊(duì)合作技巧 199
9.1 項(xiàng)目如何共享協(xié)作 199
9.2 創(chuàng)建共享項(xiàng)目 199
9.3 獲取共享項(xiàng)目 201
9.4 編輯共享項(xiàng)目 202
9.5 團(tuán)隊(duì)項(xiàng)目環(huán)境和本地副本 202
第二篇 實(shí)戰(zhàn)篇
第10章 原型設(shè)計(jì):“圖書管理系統(tǒng)” 205
10.1 需求描述 205
10.2 設(shè)計(jì)思路 206
10.3 準(zhǔn)備工作 206
10.4 實(shí)現(xiàn)用戶界面功能 206
10.4.1 建立站點(diǎn)地圖欄目結(jié)構(gòu) 206
10.4.2 登錄界面設(shè)計(jì) 207
10.4.3 制作導(dǎo)航菜單母版 209
10.4.4 首頁模塊設(shè)計(jì) 216
10.4.5 用戶管理模塊設(shè)計(jì) 218
10.4.6 借書管理模塊設(shè)計(jì) 223
10.4.7 圖書管理模塊設(shè)計(jì) 226
10.4.8 統(tǒng)計(jì)分析模塊設(shè)計(jì) 228
10.5 關(guān)鍵技術(shù)講解 231
第11章 App設(shè)計(jì):12“微信” 232
11.1 需求描述 232
11.2 設(shè)計(jì)思路 232
11.3 準(zhǔn)備工作 233
11.4 原型制作 233
11.4.1 微信登錄功能 233
11.4.2 軟件進(jìn)入動畫效果 237
11.4.3 導(dǎo)航菜單切換效果 240
11.4.4 給好友發(fā)送聊天內(nèi)容 247
11.4.5 上下拖曳微信頁面內(nèi)容 253
11.4.6 顯示、隱藏下拉菜單 255
11.5 關(guān)鍵技術(shù)講解 257
第12章 郵箱設(shè)計(jì):“QQ郵箱” 259
12.1 需求描述 259
12.2 設(shè)計(jì)思路 260
12.3 實(shí)現(xiàn)原型制作 260
12.3.1 首頁頁面布局 260
12.3.2 首頁頂部信息設(shè)計(jì) 261
12.3.3 導(dǎo)航菜單設(shè)計(jì) 268
12.3.4 未讀郵件提示區(qū)域 271
12.3.5 寫信插入地圖區(qū)域 273
12.3.6 郵箱推薦區(qū)域 274
12.3.7 消息區(qū)域 275
12.3.8 郵箱版本及版權(quán)區(qū)域 279
12.4 關(guān)鍵技術(shù)講解 280