AXURE RP原型設(shè)計(jì)圖解微課視頻教程WEB+APP

第YI篇  原型設(shè)計(jì)及Axure基礎(chǔ)  第YI章  Axure原型設(shè)計(jì)概述  1  1.1  什么是軟件原型  2  1.1.1  草圖原型  2  1.1.2  低保真原型  2  1.1.3  高保真原型  3  1.2  Axure RP 7.0軟件安裝  4  1.3  認(rèn)識(shí)Axure軟件界面  6  1.3.1  菜單欄區(qū)域  7  1.3.2  工具欄區(qū)域  7  1.3.3  站點(diǎn)地圖區(qū)域  12  1.3.4  部件區(qū)域  12  1.3.5  母版管理區(qū)域  13  1.3.6  工作區(qū)域  13  1.3.7  頁(yè)面管理區(qū)域  14  1.3.8  部件交互區(qū)域  15  1.3.9  部件樣式區(qū)域  15  1.3.10  部件管理區(qū)域  16  1.4  小結(jié)  16  第2章  用Axure站點(diǎn)地圖管理頁(yè)面  17  2.1  站點(diǎn)地圖是什么  17  2.1.1  什么是站點(diǎn)地圖  17  2.1.2  站點(diǎn)地圖能干什么  18  2.1.3  使用站點(diǎn)地圖注意事項(xiàng)  18  2.2  站點(diǎn)地圖的功能使用  19  2.3  實(shí)戰(zhàn)——“百度”欄目規(guī)劃  20  2.4  小結(jié)  23  第3章  用Axure部件庫(kù)搭積木  24  3.1  繪制線框圖所用的部件  25  3.1.1  通用型部件的使用  25  3.1.2  表單型部件的使用  32  3.1.3  菜單與表格部件的使用  36  3.2  繪制流程圖所用的部件  38  3.3  如何載入部件庫(kù)和自定義部件庫(kù)  42  3.3.1  載入部件庫(kù)  43  3.3.2  自定義部件庫(kù)  45  3.4  實(shí)戰(zhàn)——制作“個(gè)人簡(jiǎn)歷表”  48  3.5  小結(jié)  52  第4章  用Axure動(dòng)態(tài)面板制作動(dòng)態(tài)效果  53  4.1  動(dòng)態(tài)面板的使用  54  4.1.1  創(chuàng)建動(dòng)態(tài)面板并命名  54  4.1.2  編輯動(dòng)態(tài)面板狀態(tài)  55  4.1.3  通過(guò)管理區(qū)域管理動(dòng)態(tài)  面板  58  4.2  動(dòng)態(tài)面板的常用功能  60  4.2.1  動(dòng)態(tài)面板的顯示與隱藏效果  60  4.2.2  調(diào)整動(dòng)態(tài)面板的大小以適合內(nèi)容  64  4.2.3  動(dòng)態(tài)面板的滾動(dòng)欄設(shè)置  66  4.2.4  動(dòng)態(tài)面板的固定到瀏覽器  68  4.2.5  100%寬度  69  4.2.6  從動(dòng)態(tài)面板脫離  70  4.2.7  轉(zhuǎn)換為母版  72  4.2.8  轉(zhuǎn)換為動(dòng)態(tài)面板  73  4.3  實(shí)戰(zhàn)——淘寶登錄頁(yè)簽的切換效果  73  4.3.1  登錄頁(yè)簽標(biāo)題設(shè)計(jì)  73  4.3.2  快速登錄頁(yè)面設(shè)計(jì)  75  4.3.3  賬號(hào)密碼登錄頁(yè)面設(shè)計(jì)  75  4.3.4  頁(yè)簽交互效果設(shè)置  78  4.4  小結(jié)  79  第5章  用Axure變量制作豐富交互效果  80  5.1  全局變量和局部變量的使用  80  5.2  變量值在頁(yè)面間傳遞  82  5.2.1  登錄表單和首頁(yè)  82  5.2.2  新增變量和賦值  84  5.2.3  首頁(yè)顯示變量值  86  5.2.4  發(fā)布原型  87  5.3  實(shí)戰(zhàn)——制作簡(jiǎn)易計(jì)算器  88  5.3.1  計(jì)算器布局設(shè)計(jì)  89  5.3.2  數(shù)字按鈕交互設(shè)計(jì)  90  5.3.3  運(yùn)算符按鈕交互設(shè)計(jì)  92  5.3.4  等號(hào)按鈕交互設(shè)計(jì)  92  5.4  小結(jié)  94  第6章  用Axure母版減少重復(fù)工作  95  6.1  母版功能介紹  95  6.1.1  母版的使用  96  6.1.2  制作母版的兩種方式  96  6.2  母版3種拖放行為的使用  100  6.2.1  拖放行為為任何位置  100  6.2.2  拖放行為為鎖定到母版  中的位置  102  6.2.3  拖放行為為從母版脫離  103  6.3  實(shí)戰(zhàn)——百度門(mén)戶(hù)導(dǎo)航菜單  母版設(shè)計(jì)  105  6.3.1  導(dǎo)航菜單母版布局設(shè)計(jì)  105  6.3.2  網(wǎng)站LOGO和版權(quán)信息  母版布局設(shè)計(jì)  108  6.3.3  導(dǎo)航菜單母版交互設(shè)計(jì)  110  6.3.4  導(dǎo)航菜單SHOU*選中背景交互設(shè)計(jì)  111  6.4  小結(jié)  113  第二篇  Axure高級(jí)交互效果  第7章  用Axure鏈接行為制作交互效果  114  7.1  打開(kāi)鏈接和關(guān)閉窗口  115  7.1.1  DANG*當(dāng)前窗口打開(kāi)鏈接  115  7.1.2  新窗口打開(kāi)鏈接  117  7.1.3  彈出窗口打開(kāi)鏈接  118  7.1.4  父窗口打開(kāi)鏈接  120  7.1.5  關(guān)閉窗口  121  7.2  在內(nèi)部框架中打開(kāi)鏈接  122  7.2.1  內(nèi)部框架  122  7.2.2  父框架  125  7.3  滾動(dòng)到部件（錨點(diǎn)鏈接）  127  7.4  小結(jié)  129  第8章  用Axure部件行為制作交互效果  130  8.1  顯示/隱藏  130  8.1.1  切換方式控制部件顯示隱藏  130  8.1.2  變量方式控制部件顯示  隱藏  131  8.1.3  多個(gè)導(dǎo)航菜單聯(lián)動(dòng)效果  133  8.2  設(shè)置文本和設(shè)置圖像  134  8.2.1  設(shè)置文本行為  135  8.2.2  設(shè)置圖像行為  136  8.3  設(shè)置SHOU*選擇/SHOU*選中  138  8.3.1  單SHOU*選按鈕SHOU*選中行為  138  8.3.2  復(fù)SHOU*選框SHOU*選中行為  139  8.4  設(shè)置指定列表項(xiàng)  141  8.4.1  一對(duì)一聯(lián)動(dòng)效果  141  8.4.2  一對(duì)多聯(lián)動(dòng)效果  144  8.5  啟用/禁用  146  8.6  移動(dòng)和置于頂層/底層  148  8.7  獲得焦點(diǎn)和展開(kāi)/折疊樹(shù)節(jié)點(diǎn)  150  8.8  小結(jié)  150  第9章  用中繼器模擬數(shù)據(jù)庫(kù)操作  152  9.1  認(rèn)識(shí)中繼器  152  9.2  中繼器綁定數(shù)據(jù)  154  9.2.1  中繼器布局設(shè)計(jì)  154  9.2.2  中繼器數(shù)據(jù)綁定  156  9.3  新增數(shù)據(jù)彈出框設(shè)計(jì)  158  9.4  中繼器新增數(shù)據(jù)操作  161  9.5  中繼器刪除數(shù)據(jù)操作  163  9.5.1  刪除行內(nèi)數(shù)據(jù)  164  9.5.2  刪除全局?jǐn)?shù)據(jù)  165  9.6  小結(jié)  167  第三篇  綜合實(shí)戰(zhàn)應(yīng)用  第YI0章  貓眼電影App低保真原型設(shè)計(jì)  168  10.1  需求描述  169  10.2  設(shè)計(jì)思路  169  10.3  準(zhǔn)備工作  169  10.4  設(shè)計(jì)流程  170  10.4.1  底部標(biāo)簽導(dǎo)航母版設(shè)計(jì)  170  10.4.2  “電影”界面布局設(shè)計(jì)  173  10.4.3  海報(bào)輪播效果制作  180  10.4.4  頁(yè)簽切換效果制作  182  10.4.5  “電影”界面上下滑動(dòng)效果制作  183  10.4.6  “預(yù)告片推薦”左右滑動(dòng)效果制作  185  10.5  小結(jié)  188  第YI1章  蜜淘全球購(gòu)網(wǎng)站高保真原型設(shè)計(jì)  190  11.1  需求描述  190  11.2  設(shè)計(jì)思路  191  11.3  準(zhǔn)備工作  191  11.4  設(shè)計(jì)流程  193  11.4.1  網(wǎng)站登錄布局設(shè)計(jì)  193  11.4.2  網(wǎng)站登錄表單驗(yàn)證  197  11.4.3  網(wǎng)站注冊(cè)表單布局設(shè)計(jì)  201  11.4.4  網(wǎng)站頂部信息母版設(shè)計(jì)  202  11.4.5  網(wǎng)站導(dǎo)航菜單及版權(quán)  信息母版設(shè)計(jì)  203  11.4.6  網(wǎng)站首頁(yè)布局設(shè)計(jì)  209  11.4.7  導(dǎo)航菜單固定到瀏覽器設(shè)計(jì)  212  11.4.8  網(wǎng)站商品詳情頁(yè)布局設(shè)計(jì)  215  11.5  小結(jié)  218  附錄A  移動(dòng)App尺寸速查表  220  附錄B  Axure快捷鍵速查表  222