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