一般在Axure中制作的原型打開頁面或者鏈接時胁赢，會出現(xiàn)一段空白頁等待的情況务唐，本文利用動態(tài)面板狀態(tài)和動態(tài)面板顯示邊界特性，讓原型演示時可以快速響應(yīng)又兵，流暢且不卡頓任柜。
RP源文件：http://pan.baidu.com/s/1nvcWCQX
在線演示：http://eg3ui3.axshare.com/#c=2
原理說明
動態(tài)面板具有狀態(tài)和邊界的特點，狀態(tài)即在不同的條件控制下沛厨，可以讓動態(tài)面板呈現(xiàn)不同的內(nèi)容宙地；邊界特性即在動態(tài)面板內(nèi)，超出邊界（藍色虛線框）的內(nèi)容將不會顯示在動態(tài)面板中逆皮。
利用動態(tài)面板的這種特性宅粥，我們可以得到兩種快速響應(yīng)的原型交互設(shè)計方法：
1.當不同內(nèi)容位置不發(fā)生移動特效時，我們可以利用動態(tài)面板的狀態(tài)特性實現(xiàn)电谣；
2.當不同內(nèi)容位置存在移動特效時秽梅，我們可以利用動態(tài)面板的邊界特性抹蚀，手動添加移動效果。
實例教程說明
仿照微信制作一個簡單的線框原型用于說明制作方法和效果企垦。
導航欄
導航欄位置固定环壤，沒有移動效果，存在切換效果钞诡，這里可以利用動態(tài)面板的狀態(tài)特性郑现，建立5種不同情況的狀態(tài)。雙擊動態(tài)面板荧降，可以調(diào)出動態(tài)面板管理器接箫，動態(tài)面板管理器中可以對動態(tài)面板狀態(tài)進行增加、刪除朵诫、復制辛友、調(diào)整順序等操作。
標簽欄與內(nèi)容
由于聊天界面（detail）會覆蓋標簽欄（ABCD）,所以將標簽欄置入內(nèi)容的動態(tài)面板泌辫。設(shè)置一個動態(tài)面板随夸，大小為375X603，在這個動態(tài)面板中添加5個動態(tài)面板震放，如下圖所示宾毒，依次為A、detail殿遂、B诈铛、C、D墨礁。A與detail大小均為375X603幢竹，BCD均為375X554;他們的順序為由底到頂，即圖中最左邊為最底層恩静，最右邊為最頂層焕毫，從左至右依次升高。除了A在（0,0）以外驶乾，其他的動態(tài)面板（detail邑飒、B、C级乐、D）均在（500,0）疙咸。
交互設(shè)置
第一個交互為，點擊首頁聊天條风科，載入聊天界面（detail）撒轮。具體設(shè)置為將導航欄狀態(tài)設(shè)置為detail乞旦，利用淡入淡出500ms，并移動detail到（0,0）腔召，使用緩慢退出500ms杆查。具體效果為：點擊聊天條之后，導航欄變?yōu)榱奶鞝顟B(tài)臀蛛，聊天主界面從屏幕右側(cè)滑入亲桦，并覆蓋的標簽欄∽瞧停【節(jié)省時間客峭，可以設(shè)置所有聊天條為一樣的界面和效果÷帐粒】
第二個交互為detail界面返回主界面舔琅，具體設(shè)置為：導航欄狀態(tài)設(shè)置為首頁，淡入淡出500ms洲劣，移動detail界面到（500,0）备蚓。效果為點擊返回，聊天界面向右滑出主屏幕囱稽，主屏幕顯示為首頁（A）郊尝。
第三個交互為，按標簽欄調(diào)出不同界面战惊。具體設(shè)置為流昏，設(shè)置A鼠標單擊時，移動detail,B,C,D到（500,0）,設(shè)置導航欄為首頁狀態(tài)吞获，淡入淡出500ms况凉。移動detail,B,C,D不設(shè)置動畫，即可以直接顯示指定頁各拷。B,C,D的設(shè)置和A相似刁绒。
效果與總結(jié)
由于我們的交互都在同一個界面內(nèi)完成，雖然原型演示時烤黍，需要打開其他界面膛锭，但實際上他們都在同一個界面內(nèi)運行，完全可以快速響應(yīng)蚊荣，不會因為原型界面載入而影響了測試者的體驗初狰，可以讓原型演示更加真實自然。
