編輯導(dǎo)讀:本文作者為大家分享了一組Axure常用交互模板,作者從預(yù)覽原型,到所需原件,再到操作步驟都一一展開了分析,并對過程中需要注意的問題進行了介紹,希望對你有所啟發(fā)。
我在指導(dǎo)粉絲設(shè)計原型的時候,發(fā)現(xiàn)大部分同學(xué)其實并沒有系統(tǒng)的學(xué)習(xí)過axure的交互動作,他們設(shè)計交互時往往需要花大量的時候上網(wǎng)查詢,而網(wǎng)上也沒有一個關(guān)于axure全部完整交互的模板。
所以,我將axure里所有的基本交互動作整理成一個模板,并且將整個過程錄了下來做成視頻教程。新同學(xué)能夠通過學(xué)習(xí)該模板,快速掌握axure里面的交互,打好扎實的基礎(chǔ);老同學(xué)在畫原型時,如果忘記了某個交互,也可以當(dāng)速查表,快速查詢。
由于人人都是產(chǎn)品經(jīng)理平臺暫時無法上傳視頻,所以將視頻放在原型模板里面,大家點開每個交互動作都可以看到制作過程。
原型預(yù)覽及視頻教程:https://z6yy9o.axshare.com
下面我們以文字的形式,快速介紹Axure里面的所有交互動作以及使用范圍,總共分成鏈接、元件、全局變量、中繼器和其他五大部分,從第一個打開鏈接到最后一個觸發(fā)事件,大家可以選擇需要的學(xué)習(xí)。
01 鏈接 1.1 打開鏈接1.1.1 當(dāng)前窗口
這個交互是axure里面最簡單,也是最常用的交互,適用于頁面跳轉(zhuǎn)
鏈接到當(dāng)前項目的某個頁面——選擇該原型里面的某個頁面,觸發(fā)時打開
鏈接到url或文件——輸入url地址,包括網(wǎng)絡(luò)地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在預(yù)覽時是不可用的,需要生成本地html才能生效,觸發(fā)時打開url地址頁面,這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。
重新加載當(dāng)前頁面——刷新頁面,適用于數(shù)據(jù)刷新或者再來一次的原型案例。
返回上一頁——常用交互,一般子頁面返回主頁面時使用。
1.1.2 新窗口/新標(biāo)簽
這個交互和上一個交互的不同處在于會在新的標(biāo)簽頁面打開某個頁面,這樣原來的頁面還保留,客戶可以切換標(biāo)簽查看不同的內(nèi)容。一般適用外部于廣告,鏈接的跳轉(zhuǎn)。
鏈接到當(dāng)前項目的某個頁面——選擇該原型里面的某個頁面,觸發(fā)時在新標(biāo)簽中打開
鏈接到url或文件——輸入url地址,包括網(wǎng)絡(luò)地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在預(yù)覽時是不可用的,需要生成本地html才能生效,觸發(fā)時在新標(biāo)簽中打開url地址頁面,這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。
1.1.3 彈出窗口
這個交互和上一個交互的不同處在于該交互會以彈出的形式打開某個頁面,我們可以同時看到兩個頁面的內(nèi)容,彈出窗口的基本屬性(大小、工具欄、共東條等)可以設(shè)置。一般類是選擇機構(gòu)、員工等頁面要素比較多,不適用于下拉列表的情況,當(dāng)然也適用于外部于廣告,鏈接的跳轉(zhuǎn)。
鏈接到當(dāng)前項目的某個頁面——選擇該原型里面的某個頁面,觸發(fā)時在彈出窗口中打開
鏈接到url或文件——輸入url地址,包括網(wǎng)絡(luò)地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在預(yù)覽時是不可用的,需要生成本地html才能生效,觸發(fā)時在彈出窗口打開url地址頁面,這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。
1.1.4 父極窗口
父級窗口對應(yīng)彈出窗口,就是在彈窗窗口中可以設(shè)置原來窗口的頁面。這個交互一般和關(guān)閉頁面一起用,例如點擊了彈窗中的廣告,先可以設(shè)置原來的頁面跳轉(zhuǎn)至產(chǎn)品頁面,再關(guān)閉彈出窗口。
鏈接到當(dāng)前項目的某個頁面——選擇該原型里面的某個頁面,觸發(fā)時在父級窗口中打開
鏈接到url或文件——輸入url地址,包括網(wǎng)絡(luò)地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在預(yù)覽時是不可用的,需要生成本地html才能生效,觸發(fā)時在父級窗口打開url地址頁面,這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。
1.2 關(guān)閉窗口這個用于關(guān)閉當(dāng)前窗口,但是axure里面有bug,要在axure軟件里預(yù)覽當(dāng)前頁面才能關(guān)閉,如果是從其他頁面跳轉(zhuǎn)過來就關(guān)閉不了,而且這個交互在原型中很少用,因為一般都是直接關(guān)閉瀏覽器的
1.3 在框架中打開鏈接1.3.1 內(nèi)聯(lián)框架
這個也是每個項目必備的事件,一般項目原型會設(shè)置一個菜單頁,點擊菜單欄后在內(nèi)聯(lián)框架中打開某個頁面。
鏈接到當(dāng)前項目的某個頁面——選擇該原型里面的某個頁面,觸發(fā)時在內(nèi)聯(lián)框架中打開