本書的寫作初衷是以初學(xué)者的角度, 由淺至深地引導(dǎo)讀者學(xué)習(xí)Axure RP 8.0的使用方法, 從而實(shí)現(xiàn)學(xué)習(xí)目標(biāo)。初學(xué)者只需要按照從前至后的順序進(jìn)行學(xué)習(xí), 就能夠迅速、全面地掌握原型開發(fā)技能。具備一定原型開發(fā)基礎(chǔ)的讀者, 也能夠在本書的大量案例之中, 獲得各種實(shí)戰(zhàn)的參考。書中的案例均來自互聯(lián)網(wǎng)知名的網(wǎng)站或者APP中的一些典型交互內(nèi)容, 作者通過這些案例引導(dǎo)讀者學(xué)習(xí)如何進(jìn)行原型的構(gòu)建、邏輯的整理、思路的分析及交互的實(shí)現(xiàn)。
第1篇 基礎(chǔ)
第 1 章 準(zhǔn)備工作與注意事項(xiàng)/16
1.1 下載安裝 Axure RP 8.0/17
1.1.1 Windows 系統(tǒng)的安裝與漢化/17
1.1.2 Mac 系統(tǒng)的安裝與漢化/18
1.2 原型相關(guān)的文件類型/19
1.3 文件自動(dòng)備份與找回/19
1.4 功能區(qū)域的視圖設(shè)置/20
第 2 章 創(chuàng)建項(xiàng)目結(jié)構(gòu)/21
2.1 使用 Xmind 進(jìn)行項(xiàng)目結(jié)構(gòu)梳理/22
2.2 根據(jù)思維導(dǎo)圖搭建原型頁面結(jié)構(gòu)/26
第 3 章 元件功能概述/27
3.1 鼠標(biāo)的操作/28
3.2 元件的使用/29
3.2.1 使用軟件自帶元件庫/29
3.2.2 使用自定義元件庫/34
第 4 章 查看原型/35
4.1 本機(jī)預(yù)覽/36
4.2 共享發(fā)布 /38
4.3 在線反饋 /40
4.4 Axure Share App/41
4.5 生成文件/44
4.6 瀏覽器插件/47
4.7 工具欄介紹/49
第 5 章 創(chuàng)建自適應(yīng)視圖/51
5.1 不同設(shè)備的原型尺寸/52
5.2 創(chuàng)建不同設(shè)備的視圖/53
5.3 移動(dòng)設(shè)備的瀏覽設(shè)置/54
第 6 章 概要與檢視功能/59
6.1 概要功能 /60
6.2 檢視功能——頁面樣式/62
6.3 檢視功能——頁面說明/65
6.4 檢視功能——頁面屬性/65
6.5 檢視功能——元件命名/66
6.6 檢視功能——元件樣式/67
6.7 檢視功能——元件說明/73
6.7.1 添加元件說明/73
6.7.2 自定義說明字段/74
6.8 檢視功能——元件屬性/74
6.9 檢視功能——元件交互/87
6.10 檢視功能——組合屬性/91
第 7 章 母版管理/95
7.1 母版簡(jiǎn)介/96
7.2 添加 / 編輯 / 刪除/96
7.3 添加母版到頁面中/97
7.4 從頁面中移除母版/97
7.5 拖放行為/98
7.6 自定義觸發(fā)事件/98
第 8 章 標(biāo)注與流程/103
8.1 頁面快照 /104
8.2 便簽與標(biāo)記/105
8.3 連線與箭頭/108
第 9 章 其他/113
9.1 自定義元件庫/114
9.1.1 創(chuàng)建元件庫/114
9.1.2 制作自定義元件/115
9.1.3 使用元件庫/116
9.2 自定義形狀/117
9.3 鋼筆工具 /120
9.4 裁剪與切割圖片/120
9.5 網(wǎng)格與輔助線/122
9.6 團(tuán)隊(duì)項(xiàng)目 /124
9.7 圖標(biāo)字體 /130
9.8 Web 字體/131
9.8.1 @font-face 代碼/131
9.8.2 鏈接到“.CSS”文件/134
第2篇 進(jìn)階
第 10 章 動(dòng)態(tài)面板/138
10.1 動(dòng)態(tài)面板簡(jiǎn)介/139
10.2 動(dòng)態(tài)面板特性——容器/141
10.3 動(dòng)態(tài)面板特性——多狀態(tài)/150
10.4 動(dòng)態(tài)面板特性——循環(huán)/154
10.5 動(dòng)態(tài)面板特性——拖動(dòng)/158
10.6 動(dòng)態(tài)面板特性——適應(yīng)寬度/160
10.7 動(dòng)態(tài)面板特性——相對(duì)固定/161
第 11 章 公式與自定義變量/164
11.1 公式的格式/165
11.2 自定義變量——局部變量/166
11.3 自定義變量——全局變量/174
第 12 章 條件與表達(dá)式/184
12.1 條件的編輯/185
12.2 條件的類型/194
12.3 運(yùn)算符與表達(dá)式/209
12.3.1 算術(shù)運(yùn)算符/209
12.3.2 關(guān)系運(yùn)算符/209
12.3.3 邏輯運(yùn)算符/211
第 13 章 系統(tǒng)變量與函數(shù)/216
13.1 概念簡(jiǎn)介/217
13.2 元件/219
13.3 鼠標(biāo)指針/248
13.4 窗口頁面/253
13.5 數(shù)字/259
13.6 數(shù)學(xué)/263
13.7 日期/270
13.8 字符串/277
第 14 章 中繼器 /287
14.1 中繼器的組成/288
14.2 數(shù)據(jù)集——添加行/303
14.3 數(shù)據(jù)集——更新行/313
14.4 數(shù)據(jù)集——?jiǎng)h除行/316
14.5 數(shù)據(jù)集——標(biāo)記行與取消標(biāo)記行/323
14.6 項(xiàng)目列表——排序/340
14.7 項(xiàng)目列表——篩選/347
14.8 中繼器的屬性/358
第 15 章 中繼器的系統(tǒng)變量/367
15.1 系統(tǒng)變量——中繼器/368
15.2 系統(tǒng)變量——數(shù)據(jù)集/383
寫在最后…/392
案例目錄
案例 01 QQ 注冊(cè)頁面的藍(lán)色漸變背景//64
案例 02 導(dǎo)航菜單樣式/69
案例 03 帶刪除線的文字效果/72
案例 04 文本框中的提示/75
案例 05 圓角藍(lán)色邊框的文本輸入框/77
案例 06 動(dòng)態(tài)樣式的按鈕效果/78
案例 07 頁面中嵌入優(yōu)酷視頻/81
案例 08 頁面中嵌入百度地圖/82
案例 09 性別的唯一選擇/85
案例 10 單擊按鈕等待 3 秒后打開作者的網(wǎng)站地址/88
案例 11 唯一選項(xiàng)選中效果/89
案例 12 觸發(fā)組合中所有元件的鼠標(biāo)交互/92
案例 13 母版的自定義觸發(fā)事件/99
案例 14 頁面快照的應(yīng)用/105
案例 15 頁面快照的交互/106
案例 16 添加連接點(diǎn)/110
案例 17 黑桃圖標(biāo)的制作/117
案例 18 單擊登錄按鈕顯示登錄面板/142
案例 19 水平菜單移入時(shí)彈出隱藏效果/146
案例 20 垂直菜單單擊時(shí)展開收起效果/148
案例 21 淘寶搜索欄內(nèi)容切換/151
案例 22 使用循環(huán)實(shí)現(xiàn)圖片輪播/155
案例 23 滑塊在一定范圍內(nèi)拖動(dòng)的效果/158
案例 24 橫向鋪滿屏幕的背景條/160
案例 25 導(dǎo)航菜單頂部固定的效果/162
案例 26 使用局部變量計(jì)算商品合計(jì)/166
案例 27 單擊加減按鈕實(shí)現(xiàn)商品數(shù)量自增減/168
案例 28 圖片輪播中頁簽的切換(1)/171
案例 29 密碼找回的跨頁面?zhèn)鬟f數(shù)據(jù)/175
案例 30 跨頁面控制動(dòng)態(tài)面板狀態(tài)/180
案例 31 通過條件判斷限制商品數(shù)量/187
案例 32 失去焦點(diǎn)時(shí)判斷賬號(hào)合法性(1)/188
案例 33 失去焦點(diǎn)時(shí)判斷賬號(hào)合法性(2)/190
案例 34 手機(jī)號(hào)碼合法性驗(yàn)證/194
案例 35 注冊(cè)信息的合法性驗(yàn)證/200
案例 36 圖片輪播中頁簽的切換(2)/206
案例 37 使用條件表達(dá)式進(jìn)行判斷/212
案例 38 購物車數(shù)量自增減效果/220
案例 39 圖片輪播頁簽改變尺寸與單擊頁簽切換圖片/223
案例 40 通過焦點(diǎn)元件實(shí)現(xiàn)鍵盤為多個(gè)文本框輸入文字/229
案例 41 界面滾動(dòng)超過一屏高度時(shí)顯示返回頂部按鈕 /231
案例 42 界面滾動(dòng)時(shí)改變搜索欄透明度/235
案例 43 唱片旋轉(zhuǎn)與進(jìn)度條效果/238
案例 44 百度云網(wǎng)盤的右鍵菜單/249
案例 45 頁面滾動(dòng)時(shí)浮現(xiàn)的返回頂部按鈕/254
案例 46 頁面滾動(dòng)時(shí)模塊頂部吸附效果/257
案例 47 屏幕中虛擬 Home 鍵水平方向自動(dòng)停靠的交互//260
案例 48 單擊按鈕獲取 4 位隨機(jī)整數(shù)驗(yàn)證碼/264
案例 49 拖動(dòng)旋鈕時(shí)自轉(zhuǎn)的交互效果/267
案例 50 動(dòng)態(tài)數(shù)字時(shí)鐘(1)/273
案例 51 模擬物理時(shí)鐘 /275
案例 52 動(dòng)態(tài)數(shù)字時(shí)鐘(1)/280
案例 53 輸入密碼與退格的交互效果/281
案例 54 手機(jī)端商品列表(上)/290
案例 55 手機(jī)端商品列表(下)/294
案例 56 手機(jī)端瀏覽器添加常用網(wǎng)站(上)/304
案例 57 手機(jī)端瀏覽器添加常用網(wǎng)站(下)/313
案例 58 手機(jī)端瀏覽器刪除常用網(wǎng)站(上)/316
案例 59 手機(jī)端瀏覽器刪除常用網(wǎng)站(下)/319
案例 60 手機(jī)端購物車中的多項(xiàng)刪除/323
案例 61 手機(jī)端購物車中的單項(xiàng)刪除/332
案例 62 手機(jī)端商品列表的價(jià)格排序/341
案例 63 手機(jī)端商品列表按名稱搜索/347
案例 64 手機(jī)端商品列表按價(jià)格區(qū)間篩選/349
案例 65 手機(jī)端商品列表多條件篩選/356
案例 66 項(xiàng)目列表中單項(xiàng)選中的效果/359
案例 67 文件列表的翻頁交互/369
案例 68 移動(dòng)端列表向上滑動(dòng)時(shí)加載更多商品項(xiàng)/377
案例 69 音樂播放列表的歌曲編號(hào)/384
案例 70 移動(dòng)端瀏覽器前 3 個(gè)圖標(biāo)禁止刪除/387