
編輯導(dǎo)讀:本文作者為大家分享了一組Axure常用交互模板,作者從預(yù)覽原型,到所需原件,再到操作步驟都一一展開了分析,并對(duì)過程中需要注意的問題進(jìn)行了介紹,希望對(duì)你有所啟發(fā)。

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