AXURE RP原型設計圖解微課視頻教程WEB+APP

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