Axure交互大全:Axu宣傳欄re全交互模板及視頻教程

作者:admin時間:2021-07-23

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

Axure交互大全:Axu宣傳欄re全交互模板及視頻教程

我在指導粉絲設計原型的時候,發(fā)現(xiàn)大部分同學其實并沒有系統(tǒng)的學習過axure的交互動作,他們設計交互時往往需要花大量的時候上網(wǎng)查詢,而網(wǎng)上也沒有一個關于axure全部完整交互的模板。

所以,我將axure里所有的基本交互動作整理成一個模板,并且將整個過程錄了下來做成視頻教程。新同學能夠通過學習該模板,快速掌握axure里面的交互,打好扎實的基礎;老同學在畫原型時,如果忘記了某個交互,也可以當速查表,快速查詢。

由于人人都是產(chǎn)品經(jīng)理平臺暫時無法上傳視頻,所以將視頻放在原型模板里面,大家點開每個交互動作都可以看到制作過程。

原型預覽及視頻教程:https://z6yy9o.axshare.com

下面我們以文字的形式,快速介紹Axure里面的所有交互動作以及使用范圍,總共分成鏈接、元件、全局變量、中繼器和其他五大部分,從第一個打開鏈接到最后一個觸發(fā)事件,大家可以選擇需要的學習。

01 鏈接 1.1 打開鏈接

1.1.1 當前窗口

這個交互是axure里面最簡單,也是最常用的交互,適用于頁面跳轉(zhuǎn)

鏈接到當前項目的某個頁面——選擇該原型里面的某個頁面,觸發(fā)時打開

鏈接到url或文件——輸入url地址,包括網(wǎng)絡地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在預覽時是不可用的,需要生成本地html才能生效,觸發(fā)時打開url地址頁面,這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。

重新加載當前頁面——刷新頁面,適用于數(shù)據(jù)刷新或者再來一次的原型案例。

返回上一頁——常用交互,一般子頁面返回主頁面時使用。

1.1.2 新窗口/新標簽

這個交互和上一個交互的不同處在于會在新的標簽頁面打開某個頁面,這樣原來的頁面還保留,客戶可以切換標簽查看不同的內(nèi)容。一般適用外部于廣告,鏈接的跳轉(zhuǎn)。

鏈接到當前項目的某個頁面——選擇該原型里面的某個頁面,觸發(fā)時在新標簽中打開

鏈接到url或文件——輸入url地址,包括網(wǎng)絡地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在預覽時是不可用的,需要生成本地html才能生效,觸發(fā)時在新標簽中打開url地址頁面,這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。

1.1.3 彈出窗口

這個交互和上一個交互的不同處在于該交互會以彈出的形式打開某個頁面,我們可以同時看到兩個頁面的內(nèi)容,彈出窗口的基本屬性(大小、工具欄、共東條等)可以設置。一般類是選擇機構(gòu)、員工等頁面要素比較多,不適用于下拉列表的情況,當然也適用于外部于廣告,鏈接的跳轉(zhuǎn)。

鏈接到當前項目的某個頁面——選擇該原型里面的某個頁面,觸發(fā)時在彈出窗口中打開

鏈接到url或文件——輸入url地址,包括網(wǎng)絡地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在預覽時是不可用的,需要生成本地html才能生效,觸發(fā)時在彈出窗口打開url地址頁面,這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。

1.1.4 父極窗口

父級窗口對應彈出窗口,就是在彈窗窗口中可以設置原來窗口的頁面。這個交互一般和關閉頁面一起用,例如點擊了彈窗中的廣告,先可以設置原來的頁面跳轉(zhuǎn)至產(chǎn)品頁面,再關閉彈出窗口。

鏈接到當前項目的某個頁面——選擇該原型里面的某個頁面,觸發(fā)時在父級窗口中打開

鏈接到url或文件——輸入url地址,包括網(wǎng)絡地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在預覽時是不可用的,需要生成本地html才能生效,觸發(fā)時在父級窗口打開url地址頁面,這種一般適用于打開外部的地圖、統(tǒng)計圖表等內(nèi)容。

1.2 關閉窗口

這個用于關閉當前窗口,但是axure里面有bug,要在axure軟件里預覽當前頁面才能關閉,如果是從其他頁面跳轉(zhuǎn)過來就關閉不了,而且這個交互在原型中很少用,因為一般都是直接關閉瀏覽器的

1.3 在框架中打開鏈接

1.3.1 內(nèi)聯(lián)框架

這個也是每個項目必備的事件,一般項目原型會設置一個菜單頁,點擊菜單欄后在內(nèi)聯(lián)框架中打開某個頁面。

鏈接到當前項目的某個頁面——選擇該原型里面的某個頁面,觸發(fā)時在內(nèi)聯(lián)框架中打開