本書(shū)是一本介紹使用Axure RP 8.0 軟件制作Web和App原型的圖書(shū),通過(guò)對(duì)基礎(chǔ)操作和實(shí)戰(zhàn)案例的講解,幫助讀者深入了解如何進(jìn)行Web與App平臺(tái)的產(chǎn)品原型開(kāi)發(fā)以及各種交互效果的實(shí)現(xiàn)。
本書(shū)共分為2篇。第1篇包含56個(gè)基礎(chǔ)操作,讀者通過(guò)對(duì)這一部分內(nèi)容的學(xué)習(xí),就能夠基本掌握軟件的使用方法。在之后的內(nèi)容如果遇到陌生的操作問(wèn)題,可以查閱本篇內(nèi)容來(lái)解決。第2篇包含110個(gè)實(shí)戰(zhàn)案例,讀者可以在這一部分的內(nèi)容中,學(xué)習(xí)掌握原型的開(kāi)發(fā)技巧,以及獲得各種實(shí)戰(zhàn)案例的參考。
本書(shū)不但適合零基礎(chǔ)的讀者由淺至深地學(xué)習(xí),而且適合具備一定基礎(chǔ)的讀者做為實(shí)戰(zhàn)項(xiàng)目的參考,也可以作為學(xué)校相關(guān)課程配套教材,或互聯(lián)網(wǎng)公司、高新科技企業(yè)等新人內(nèi)訓(xùn)的教程。
小樓一夜聽(tīng)春語(yǔ), www.iaxure.com網(wǎng)站創(chuàng)始人;網(wǎng)絡(luò)視頻課程《AxureRP7.0從入門(mén)到精通》作者;多貝網(wǎng)特邀講師;網(wǎng)易云課堂合作講師;百度傳課合作講師;E良師益友網(wǎng)特邀合作講師;中軟培訓(xùn)特邀講師。
基礎(chǔ)操作篇
第1章使用元件 / 9
基礎(chǔ)1 添加元件到畫(huà)布 / 11
基礎(chǔ)2 添加元件名稱 / 11
基礎(chǔ)3 設(shè)置元件位置/尺寸 / 11
基礎(chǔ)4 設(shè)置元件默認(rèn)角度 / 11
基礎(chǔ)5 設(shè)置元件顏色與透明 / 11
基礎(chǔ)6 設(shè)置形狀或圖片圓角 / 12
基礎(chǔ)7 設(shè)置矩形僅顯示部分邊框 / 12
基礎(chǔ)8 設(shè)置線段/箭頭/邊框樣式 / 12
基礎(chǔ)9 設(shè)置元件文字邊距/行距 / 12
基礎(chǔ)10 設(shè)置元件默認(rèn)隱藏 / 12
基礎(chǔ)11 設(shè)置文本框輸入為密碼 / 12
基礎(chǔ)12 設(shè)置打開(kāi)選擇文件窗口 / 13
基礎(chǔ)13 限制文本框輸入字符位數(shù) / 13
基礎(chǔ)14 設(shè)置文本框提示文字 / 13
基礎(chǔ)15 設(shè)置文本框回車(chē)觸發(fā)事件 / 13
基礎(chǔ)16 設(shè)置鼠標(biāo)移入元件時(shí)的提示 / 13
基礎(chǔ)17 設(shè)置矩形為其他形狀 / 14
基礎(chǔ)18 設(shè)置自定義形狀 / 14
基礎(chǔ)19 設(shè)置形狀水平/垂直翻轉(zhuǎn) / 14
基礎(chǔ)20 設(shè)置列表框的內(nèi)容 / 14
基礎(chǔ)21 設(shè)置元件默認(rèn)選中/禁用 / 14
基礎(chǔ)22 設(shè)置單選按鈕唯一選中 / 14
基礎(chǔ)23 設(shè)置元件不同狀態(tài)的交互樣式 / 15
基礎(chǔ)24 設(shè)置圖片文本 / 15
基礎(chǔ)25 切割/裁剪圖片 / 15
基礎(chǔ)26 嵌入多媒體文件/頁(yè)面 / 15
基礎(chǔ)27 調(diào)整元件的層級(jí) / 16
基礎(chǔ)28 組合/取消組合元件 / 16
基礎(chǔ)29 轉(zhuǎn)換元件為圖片 / 16
基礎(chǔ)30 載入元件庫(kù) / 16
基礎(chǔ)31 切換元件庫(kù) / 16
第2章頁(yè)面設(shè)置 / 17
基礎(chǔ)32 設(shè)置頁(yè)面居中 / 18
基礎(chǔ)33 設(shè)置頁(yè)面背景(圖片/顏色) / 18
基礎(chǔ)34 設(shè)置頁(yè)面顏色(草圖/黑白) / 18
第3章設(shè)置條件 / 19
基礎(chǔ)35 添加條件判斷 / 20
基礎(chǔ)36 設(shè)置條件邏輯關(guān)系 / 20
基礎(chǔ)37 用例條件轉(zhuǎn)換 / 20
第4章使用變量/公式 / 21
基礎(chǔ)38 全局變量設(shè)置 / 22
基礎(chǔ)39 局部變量設(shè)置 / 22
基礎(chǔ)40 公式的格式及類型 / 22
第5章功能設(shè)置 / 23
基礎(chǔ)41 設(shè)置形狀并排顯示細(xì)邊框 / 24
基礎(chǔ)42 設(shè)置畫(huà)布中的遮罩陰影 / 24
基礎(chǔ)43 顯示/隱藏交互與說(shuō)明編號(hào) / 24
基礎(chǔ)44 顯示/隱藏兩側(cè)的功能面板 / 24
基礎(chǔ)45 展開(kāi)/收起/彈出/停靠/關(guān)閉功能面板 / 24
基礎(chǔ)46 關(guān)閉/恢復(fù)功能面板 / 24
基礎(chǔ)47 文件備份與恢復(fù) / 25
基礎(chǔ)48 設(shè)置自適應(yīng)視圖 / 25
第6章查看原型 / 26
基礎(chǔ)49 快速預(yù)覽查看原型 / 27
基礎(chǔ)50 生成HTML 查看原型 / 27
基礎(chǔ)51 生成部分原型頁(yè)面 / 27
基礎(chǔ)52 為原型添加標(biāo)志 / 27
基礎(chǔ)53 發(fā)布原型到AxShare / 28
基礎(chǔ)54 重新生成當(dāng)前頁(yè)面 / 28
基礎(chǔ)55 移動(dòng)設(shè)備設(shè)置 / 28
基礎(chǔ)56 Web 字體設(shè)置 / 29
實(shí)戰(zhàn)案例篇
第7章元件案例 / 31
案例1 文本框:帶圖標(biāo)文字提示 / 33
案例2 文本框:邊框變色 / 34
案例3 圖片:變換樣式的按鈕(1) / 35
案例4 圖片:自定義復(fù)選框(1) / 36
案例5 形狀:變換樣式的按鈕(2) / 37
案例6 形狀:自定義復(fù)選框(2) / 38
案例7 形狀:唯一選中項(xiàng) / 39
案例8 形狀:制作環(huán)形進(jìn)度條 / 40
案例9 文本標(biāo)簽:添加文本鏈接 / 42
案例10 內(nèi)聯(lián)框架:嵌入百度地圖 / 44
案例11 動(dòng)態(tài)面板:登錄面板切換 / 46
案例12 動(dòng)態(tài)面板:自動(dòng)圖片切換 / 48
案例13 動(dòng)態(tài)面板:保持固定位置 / 51
案例14 動(dòng)態(tài)面板:拖動(dòng)滑塊解鎖(1) / 52
案例15 動(dòng)態(tài)面板:元件樣式聯(lián)動(dòng) / 55
案例16 中繼器:制作商品列表 / 57
案例17 中繼器:商品列表排序 / 60
案例18 形狀:自定義復(fù)選框(3) / 62
案例19 中繼器:商品類型篩選 / / 64
案例20 中繼器:選擇對(duì)比商品(1) / 66
案例21 中繼器:選擇對(duì)比商品(2) / 70
案例22 中繼器:選擇對(duì)比商品(3) / 72
第8章變量案例 / 76
案例23 全局變量:賬號(hào)登錄驗(yàn)證(1) / 77
案例24 全局變量:打開(kāi)微博詳情(1) / 80
案例25 局部變量:賬號(hào)登錄驗(yàn)證(2) / 83
案例26 局部變量:增減商品數(shù)量(1) / 84
案例27 局部變量:價(jià)格區(qū)間篩選 / 85
第9章特別案例 / 88
案例28 組合:彈出菜單效果 / 89
案例29 組合:菜單整體變色 / 90
案例30 遮罩:彈出登錄界面 / 91
案例31 推拉:制作抽屜菜單 / 92
案例32 移動(dòng):橫幅展開(kāi)效果 / 94
案例33 尺寸:改變?cè)叽纾?) / 97
案例34 翻轉(zhuǎn):圖片翻轉(zhuǎn)效果 / 99
案例35 旋轉(zhuǎn):唱片旋轉(zhuǎn)效果 / 100
案例36 錨點(diǎn):頁(yè)面返回頂部 / 103
第10 章函數(shù)案例 / 106
案例37 元件函數(shù):改變?cè)叽纾?) / 107
案例38 元件函數(shù):增減商品數(shù)量(2) / 108
案例39 元件函數(shù):圖片外框移動(dòng) / 109
案例40 元件函數(shù):拖動(dòng)滑塊解鎖(2) / 111
案例41 元件函數(shù):商品圖片切換 / 113
案例42 頁(yè)面函數(shù):導(dǎo)航指針移動(dòng) / 116
案例43 窗口函數(shù):滾動(dòng)吸附頂部 / 117
案例44 窗口函數(shù):返回頂部按鈕 / 119
案例45 指針函數(shù):商品圖片放大 / 121
案例46 數(shù)字與指針函數(shù):開(kāi)關(guān)側(cè)邊菜單 / 125
案例47 數(shù)學(xué)函數(shù):隨機(jī)數(shù)驗(yàn)證碼 / 127
案例48 數(shù)學(xué)函數(shù):不同方向滑入 / 132
案例49 字符串函數(shù):模糊搜索列表 / 136
案例50 字符串函數(shù):手機(jī)號(hào)碼驗(yàn)證(1) / 138
案例51 字符串函數(shù):手機(jī)號(hào)碼驗(yàn)證(2) / 141
案例52 字符串函數(shù):復(fù)選數(shù)量統(tǒng)計(jì) / 141
案例53 字符串函數(shù):打開(kāi)微博詳情(2) / 143
案例54 字符串函數(shù):音樂(lè)播放計(jì)時(shí) / 145
案例55 日期函數(shù):獲取系統(tǒng)時(shí)間 / 149
案例56 中繼器函數(shù):首個(gè)商品推薦 / 152
案例57 中繼器函數(shù):添加對(duì)比商品(4) / 156
案例58 中繼器函數(shù):游戲列表翻頁(yè)(1) / 157
案例59 中繼器函數(shù):游戲列表翻頁(yè)(2) / 160
案例60 中繼器函數(shù):列表篩選結(jié)果 / 164
第11章綜合案例(Web) / 169
案例61 面板狀態(tài)切換與移動(dòng) / 170
案例62 框架中鑲嵌其他頁(yè)面 / 172
案例63 間隔與連續(xù)旋轉(zhuǎn)特效 / 173
案例64 錨點(diǎn)滾動(dòng)與導(dǎo)航吸附 / 174
案例65 唯一選中與樣式切換 / 177
案例66 頁(yè)面內(nèi)滾動(dòng)條的實(shí)現(xiàn) / 178
案例67 用滾輪控制橫向滾動(dòng) / 181
案例68 剩余可輸入文字提示 / 185
案例69 進(jìn)度條與數(shù)字的聯(lián)動(dòng) / 188
案例70 展開(kāi)收起的推拉效果 / 189
案例71 展開(kāi)收起與移動(dòng)效果 / 193
案例72 圖像旋轉(zhuǎn)與鏤空效果 / 193
案例73 全選與取消全選效果 / 196
案例74 帶進(jìn)度條的分頁(yè)標(biāo)簽 / 199
案例75 循環(huán)選中與尺寸改變 / 202
案例76 二級(jí)菜單的內(nèi)容切換 / 204
案例77 循環(huán)內(nèi)容走馬燈效果 / 206
案例78 頁(yè)面安全鍵盤(pán)的實(shí)現(xiàn) / 209
案例79 省市列表的選擇聯(lián)動(dòng) / 211
案例80 背景滑塊與改變尺寸 / 213
案例81 可調(diào)節(jié)時(shí)間的倒計(jì)時(shí) / 215
案例82 文本框中焦點(diǎn)的控制 / 217
案例83 隨機(jī)數(shù)數(shù)字自增效果 / 220
案例84 文字輸入的條件限制 / 221
案例85 鼠標(biāo)移入的縮放效果 / 222
第12章綜合案例(APP) / 227
案例86 啟動(dòng)畫(huà)面的翻頁(yè)效果 / 227
案例87 雙方向拖動(dòng)櫥窗效果 / 229
案例88 輸入文字與退格效果 / 232
案例89 中心點(diǎn)逐漸放大效果 / 233
案例90 菜單的拖動(dòng)排序效果 / 234
案例91 半透明按鈕懸浮效果 / 237
案例92 導(dǎo)航菜單單擊時(shí)移動(dòng) / 238
案例93 展開(kāi)與收起二級(jí)選項(xiàng) / 241
案例94 拖動(dòng)切換與移動(dòng)效果 / 242
案例95 長(zhǎng)按進(jìn)度條前進(jìn)效果 / 245
案例96 滑塊的水平拖動(dòng)效果 / 248
案例97 長(zhǎng)按復(fù)選框切換樣式 / 250
案例98 選中復(fù)選框計(jì)數(shù)效果 / 251
案例99 全選與取消全選效果 / 253
案例100 側(cè)邊菜單的視差效果 / 254
案例101 動(dòng)態(tài)面板嵌套與切換 / 256
案例102 標(biāo)簽移動(dòng)與內(nèi)容切換 / 260
案例103 單擊曲目時(shí)切換歌曲 / 262
案例104 遮罩與放大彈出內(nèi)容 / 264
案例105 動(dòng)態(tài)面板狀態(tài)的聯(lián)動(dòng) / 267
案例106 循環(huán)移動(dòng)的波浪效果 / 268
案例107 二級(jí)菜單下滑與遮罩 / 270
案例108 下拉刷新的多個(gè)狀態(tài) / 272
案例109 字符串輸入控制效果 / 276
案例110 圖標(biāo)旋轉(zhuǎn)與放大縮小 / 278